变量
变量的声明
在JavaScript中,声明变量的关键字为var
和 let
(ES6规范)
当只声明变量时,声明为语句
语句没有返回值或返回值,表达式有返回值。
(一些说法把返回值为undefined
或void
的判定为语句,否则判定为表达式。)
使用 var
关键字声明变量
声明格式 var 变量名
例如: var a
就声明了一个变量 a
注意:var
关键字声明的变量拥有全局定义域或函数作用域(声明总是会被JavaScript引擎提前)
在ES6引入
let
前,JavaScript没有块作用域
你眼中的代码:
a = 10;
a += 10;
a--;
{
var a;
}
JavaScript引擎眼中的代码:
var a;
a = 10;
a += 10
a--
因此推荐的做法是在函数或全局代码的前面部分使用 var
关键字声明变量
你可以用 var
关键字重复声明一个变量,例如,以下的代码是合法的
var a;
var a;
var a;
新声明的同名变量会覆盖掉原来的变量
在代码的任何位置,可以不使用var
关键字就能声明变量
此时声明的变量为文件的全局变量)
例如: a
就声明了一个全局变量 a
注意:最好不要用这个特性,不然接坑的码农可能要打死你,因为这个特性存在很大的安全隐患
例如下面的代码访问变量 a
时打错为 b
,解释器就认为你又声明了一个全局变量 b
a = 0;
console.log(b);
在未使用严格模式时,控制台得到的输出为undefined
当使用了严格模式时("use strict"
),这种声明方式不会取悦解释器
因此使用严格模式可以规避一些拼写错误
使用 let
关键字声明变量
声明格式 let 变量名
例如: let a
就声明了一个变量 a
注意:let
关键字声明的变量拥有块变量定义域(定义不会被JavaScript引擎提前)
因此,下面的代码时不合法的
{
let b = 0;
}
b;
与 var
关键字不同,使用 let
关键字的变量不能重复定义。例如,以下的代码是不合法的
let a;
let a;
如果你可以使用ES6规范,那么请拥抱
let
关键字,抛弃var
关键字
不可以使用 let
和 var
关键字重复声明一个变量
例如,下面的代码是不合法的
let a;
var a;
var a;
let a;
变量的命名
变量的名字不是随意取的,想要取悦解释器就必须遵守以下的规则
I. 必须以_
、$
和英文字母开头
一定要记住 数字(0-9) 是不能出现在开头的
_
开头的一般都是别的码农不想让你动的变量, No zuo no die
$
开头的变量最典型的就是jquery
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
在最新的ECMA规范中,私有变量以
#
开头,但是这种命名方式正在被码农上书请愿改为以_
开头,这也是在没有私有变量之前码农们的相互约定
II.可以使用数字、英文字母、_
、 $
作为后续的命名,并严格区分大小写
因此 a
和 A
是两个完全不相同的变量
III. 变量名不能为关键字
例如,以下的代码是不合法的
let var
但由于历史遗留问题,使用 var
关键字声明变量时 let
可以作为变量名
因此,以下的代码是合法的
var let
给变量赋值
在只声明变量且未赋值之前,所有变量的默认值为关键字 undefined
赋值格式 变量名 = 你要赋的值
赋值语句是有返回值的,因此赋值语句其实是表达式,它的返回值是 =
右侧的值
在声明变量时给变量赋值
声明格式 [let|var] 变量名 = 变量的初值
给变量赋值也叫做变量的初始化
任何在声明变量时给变量赋值的表达式都可以拆成一个语句和一个表达式
例如var a = 20
和下面的代码等价
var a; //语句
a = 20 //表达式
因此 var a = 20
是一个表达式,它的返回值为20
推荐的变量命名规则
小写驼峰式命名法就是当变量名或函数名是由一个或多个单词连结在一起,而构成的唯一识别字时,第一个单词以小写字母开始;从第二个单词开始以后的每个单词的首字母都采用大写字母,例如:myFirstName、myLastName,这样的变量名看上去就像骆驼峰一样此起彼伏,故得名。(引用自百度百科)
在ESLint
规范中默认要求变量命名法就是小写驼峰式命名法(JavaScript和Java比较像的一点)
常量(ES6规范)
在ES6规范前,JavaScript是没有常量的,只能通过ES5规范中 Object.defineProperty(obj, propertyName, fun)
来修改,但是早期的浏览器是不滋磁这种黑魔法的。
具体可以参考这里
ES6规范引入了一个新的关键字 const
常量的声明
声明格式 const 常量名 = 常量值
注意,声明常量时必须给常量赋值
下面的代码是不合法的
const a;
常量不可被再赋值
既然是常量,那么它一经赋值以后其值就不可改变。因此,下面的代码是不合法的
const a = 0;
a = 1;
const
和 let
关键字相同,不能重复声明一个常量
下面的代码是不合法的
const a = 0;
const a = 1;
当使用 let
或 var
关键字声明一个变量后,不能用 const
关键字声明一个同名常量
下面的代码是不合法的
let a; //var a;
const a = 0;
当使用 const
关键字声明一个常量后,不能用 let
或 var
关键字声明一个同名常量
下面的代码是不合法的
const a = 0;
let a; //var a;