美文网首页前端
const, var, let的区别 1.10

const, var, let的区别 1.10

作者: 忘川慕白 | 来源:发表于2017-10-25 11:58 被阅读2次

    js中三种定义变量的方式const, var, let的区别。

    1.const定义的变量不可以修改,而且必须初始化。

    1const b = 2;//正确2//const b;//错误,必须初始化3console.log('函数外const定义b:' + b);//有输出值4//b = 5;5//console.log('函数外修改const定义b:' + b);//无法输出

    2.var定义的变量可以修改,如果不初始化会输出undefined,不会报错。

    1vara = 1;2//var a;//不会报错3console.log('函数外var定义a:' + a);//可以输出a=14functionchange(){5a = 4;6console.log('函数内var定义a:' + a);//可以输出a=47}8change();9console.log('函数调用后var定义a为函数内部修改值:' + a);//可以输出a=4

    3.let是块级作用域,函数内部使用let定义后,对函数外部无影响。

    1let c = 3;2console.log('函数外let定义c:' + c);//输出c=33functionchange(){4let c = 6;5console.log('函数内let定义c:' + c);//输出c=66}7change();8console.log('函数调用后let定义c不受函数内部定义影响:' + c);//输出c=3


    javascript 严格模式

    第一次接触let关键字,有一个要非常非常要注意的概念就是”javascript 严格模式”,比如下述的代码运行就会报错:

    lethello ='hello world.';console.log(hello);

    错误信息如下:

    let hello ='hello world.';^^^SyntaxError: Block-scoped declarations (let, const,function, class) not yet supported outside strict mode...

    解决方法就是,在文件头添加”javascript 严格模式”声明:

    'use strict';lethello ='hello world.';console.log(hello);

    更多更详细的关于”javascript 严格模式”说明,请参考阮一峰的博客

    'use strict';(function(){varvarTest;letletTest;  console.log(varTest);//输出undefinedconsole.log(letTest);//输出undefined}());

    使用未声明的变量,表现不同:

    (function(){  console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行)console.log(letTest); //直接报错:ReferenceError: letTest is not definedvar varTest = 'test var OK.';let letTest = 'test let OK.';}());

    重复声明同一个变量时,表现不同:

    'use strict';(function(){varvarTest ='test var OK.';letletTest ='test let OK.';varvarTest ='varTest changed.';letletTest ='letTest changed.';//直接报错:SyntaxError: Identifier 'letTest' has already been declaredconsole.log(varTest);//输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行)console.log(letTest);}());

    变量作用范围,表现不同

    'use strict';(function(){varvarTest ='test var OK.';letletTest ='test let OK.';  {varvarTest ='varTest changed.';letletTest ='letTest changed.';  }  console.log(varTest);//输出"varTest changed.",内部"{}"中声明的varTest变量覆盖外部的letTest声明console.log(letTest);//输出"test let OK.",内部"{}"中声明的letTest和外部的letTest不是同一个变量}());

    相关文章

      网友评论

        本文标题:const, var, let的区别 1.10

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