用AI赚第一桶💰低成本搭建一套AI赚钱工具,源码可二开。 广告
[TOC] # 基本语法 ## 语法 JavaScript每个语句以`;`结束,语句块用`{...}`。但是,JavaScript并不强制要求在每个语句的结尾加`;`,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上`;`。 例如,下面的一行代码就是一个完整的赋值语句: ~~~javascript var x = 1; ~~~ > 定义变量可以使用var或者let关键字 下面的一行代码包含两个语句,每个语句用`;`表示语句结束: ~~~ var x = 1; var y = 2; // 不建议一行写多个语句! ~~~ 语句块是一组语句的集合,例如,下面的代码先做了一个判断,如果判断成立,将执行`{...}`中的所有语句: ~~~javascript if (2 > 1) { x = 1; y = 2; z = 3; } ~~~ 注意花括号`{...}`内的语句具有缩进,通常是4个空格。缩进不是JavaScript语法要求必须的,但缩进有助于我们理解代码的层次,所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功能,可以帮助整理代码。 `{...}`还可以嵌套,形成层级结构: ~~~javascript if (2 > 1) { x = 1; y = 2; z = 3; if (x < y) { z = 4; } if (x > y) { z = 5; } } ~~~ JavaScript本身对嵌套的层级没有限制,但是过多的嵌套无疑会大大增加看懂代码的难度。遇到这种情况,需要把部分代码抽出来,作为函数来调用,这样可以减少代码的复杂度。 ## 注释 以`//`开头直到行末的字符被视为行注释,注释是给开发人员看到,JavaScript引擎会自动忽略: ~~~ // 这是一行注释 alert('hello'); // 这也是注释 ~~~ 另一种块注释是用`/*...*/`把多行字符包裹起来,把一大“块”视为一个注释: ~~~ /* 从这里开始是块注释 仍然是注释 仍然是注释 注释结束 */ ~~~ ## 大小写 请注意,JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常。 # 变量与常量 ## JavaScript 变量 与代数一样,JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。 变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。 * 变量必须以字母开头 * 变量也能以 $ 和 \_ 符号开头(不过我们不推荐这么做) * 变量名称对大小写敏感(y 和 Y 是不同的变量) ## 变量和常量的声明 变量声明使用var,let,常量的定义使用const。 ``` var x=1; let y=2; const z=3; ``` > 顾名思义,常量是不能改变的量,也就是说定义后不能再次对它赋值,如下的语句会报错 ``` const x=1; x=x+1; ``` ## var和let的区别 在ES6以前,var关键字声明变量。无论声明在何处,都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升。 例如: ```js function fn() { if(bool) { var name = 'Jack' } else { console.log(name) } } ``` 以上的代码实际上是: ```javascript function fn() { var name // 变量提升 if(bool) { name = 'Jack' } else { //此处访问name 值为undefined console.log(name) } //此处访问name 值为undefined } ``` 所以不用关心bool是否为true or false。实际上,无论如何name都会被创建声明。这种语法规则会带来很多的歧义。 ES6中,我们通常用let和const来声明,let表示变量、const表示常量。let和const都是块级作用域。通俗的讲,{}大括号内的代码块即为let 和 const的作用域。 let的作用域是在它所在当前代码块,但不会被提升到当前函数的最顶部。 ```javascript function fn() { if(bool) { //let的作用域,限定在这个语句块中 let name = 'Jack' } else { //超越了name的定义域 //name 在此处访问不到 console.log(name) } } ``` > const定义常量,顾名思义,就是不能改变的量,对常量修改会报错。 程序中不需要修改的值,或者不允许修改的值尽可能定义为常量,这样可以减少程序语义上的错误。例如: ```javascript const name = 'Jack' name = 'Tom' //再次赋值此时会报错 ```