欢迎来到知海社区首页!
|

知海全国 ∨我要报名》 咨询热线:400-878-6338

知海社区>全部版块>技术交流

JavaScript 教程:基础语法

阅读80回复0 张杰发表于 2018-02-01 15:48 楼主

JavaScript web 开发人员必须学习的 3 门语言中的一门:


HTML 定义了网页的内容

CSS 描述了网页的布局

JavaScript 网页的行为

用法:


(1)HTML 中的脚本必须位于 <script> 与 </script> 标签之间,脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。


(2)可以把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数,脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。


通常把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。


JavaScript 语法


1.字面量


在编程语言中,一般固定值称为字面量,如 3.14。


(1)数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。


1 <script>document.getElementById("demo").innerHTML = 123e5; </script>

 运行结果:12300000


(2)字符串(String)字面量 可以使用单引号或双引号:


1 <script>document.getElementById("demo").innerHTML = 'John Doe';</script>

运行结果:John Doe


(3)表达式字面量 用于计算:


1 <script>document.getElementById("demo").innerHTML = 5 * 10;</script>

运行结果:50


(4)数组(Array)字面量 定义一个数组:


1 <script>document.getElementById("demo").innerHTML = [40, 100, 1, 5, 25, 10] ;</script>

运行结果:40,100,1,5,25,10


(5)对象(Object)字面量 定义一个对象:{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}


(6)函数(Function)字面量 定义一个函数:function myFunction(a, b) { return a * b;}


2.变量


在编程语言中,变量用于存储数据值。变量是一个名称,可变。字面量是一个值,不可变。


(1)关键字 var 来定义变量, 使用等号来为变量赋值:


1 <script>

2 var length;

3 length = 6;

4 document.getElementById("demo").innerHTML = length;

5 </script>

运行结果:6


注意:


变量必须以字母开头

变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)

变量名称对大小写敏感(y 和 Y 是不同的变量)

一条语句,多个变量:var lastname="Doe", age=30, job="carpenter";

如果重新声明 JavaScript 变量,该变量的值不会丢失;

(2)JS中的let变量:


let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

let允许你声明一个作用域被限制在块级中的变量、语句或者表达式。在Function中局部变量推荐使用let变量,避免变量名冲突。


作用域规则


let 声明的变量只在其声明的块或子块中可用,这一点,与var相似。二者之间最主要的区别在于var声明的变量的作用域是整个封闭函数。


复制代码

 1 unction varTest() {

 2 

 3   var x = 1;

 4   if (true) {

 5     var x = 2;  // 同样的变量!    console.log(x); 

 6 

 7 // 2  }

 8   console.log(x);  // 2}

 9 

10 function letTest() {

11   let x = 1;

12   if (true) {

13     let x = 2;  // 不同的变量    console.log(x);  // 2  }

14   console.log(x);  // 1}

复制代码

3.操作符


JavaScript使用 算术运算符 来计算值


类型 实例 描述

赋值,算术和位运算符 =  +  -  *  / 在 JS 运算符中描述

条件,比较及逻辑运算符 ==  != <  >

在 JS 比较运算符中描述


 


 


注意:JavaScript 对大小写是敏感的;


   使用//单行注释,多行注释以 /* 开始,以 */ 结尾;


   分号用于分隔 JavaScript 语句;


   浏览器按照编写顺序依次执行每条语句;


   JavaScript 可以用{}分批地组合起来,代码块的作用是一并地执行语句序列;


   可以向脚本添加空格,来提高其可读性;


   在文本字符串中使用反斜杠对代码行进行换行;

0

您需要登录后才可以回帖   登录 |注册会员
顶部