let和var,const的区别与使用

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次之
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容