let和var,const的区别与使用
2021-04-28 本文已影响0人
Zy_99_ovo
1.javascript的标识符
标识符,就是变量,函数,属性或函数参数的名称。
标识符可以有一或多个下列字符组成:
- 第一个字符必须是一个字母必须是一个字母,下划线(_)或美元符号($);
- 剩下的其他字符可以是字母,下划线,美元符号或数字;
推荐使用驼峰命名法,这种形式跟ECMAScript内置函数和对象的命名方式一致。
2.var
声明范围是函数作用域,在全局作用域声明时会成为全局对象(windows)的属性,存在声明提升,即把所有变量声明拉到函数作用域的顶部,反复使用var声明同一个变量也没问题。
function test(){
var message = "hi"; //函数作用域,局部变量
}
test()
console.log(message);//出错!
function test(){
message = "hi"; //去掉var,message变为全局变量
}
test()
console.log(message);//"hi"
//发生变量提升
function foo(){
console.log(age);
var age = 26;
}
foo(); //undefined 等价于以下注释代码
// function foo(){
// var age;
// console.log(age);
// var age = 26;
// }
// foo();
3.let
声明范围是块作用域,同一块作用域不允许重复声明,在全局作用域声明时会不会成为全局对象(windows)的属性,存在暂时性死区,不能声明提升,不能依赖条件声明模式(if-else,try-catch存在块作用域):
//不能声明提升,暂时性死区
console.log(name); // ReferenceError: name没有定义
let name = "zy";
//不能重复声明
let name;
let name; //SyntaxError:name早已声明
4.const
行为与let基本一致,声明初始化一定赋值,否则会报错,const的值无法修改,不过const声明的限制只适用于它指向的变量的引用,如果const变量引用的是一个对象,那么修改对象内部的属性并不违反const的限制。
const x; //SyntaxError: Missing initializer in const declaration
const x = 9;
x = 0 ; //TypeError: Assignment to constant variable.
const person = {};
person.name = 'zy'; //ok
5.声明风格与最佳实践
- 不使用var
- const优先,let次之