美文网首页
let和var,const的区别与使用

let和var,const的区别与使用

作者: Zy_99_ovo | 来源:发表于2021-04-28 23:46 被阅读0次

    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次之

    相关文章

      网友评论

          本文标题:let和var,const的区别与使用

          本文链接:https://www.haomeiwen.com/subject/tmubrltx.html