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.声明风格与最佳实践

上一篇下一篇

猜你喜欢

热点阅读