這篇文章主要介紹了js中let和var定義變數的區別,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
javascript 嚴格模式
第一次接觸let關鍵字,有一個要非常非常要注意的概念就是”javascript 嚴格模式”,例如下述的程式碼運行就會報錯:
let hello = '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'; let hello = 'hello world.'; console.log(hello);
let和var關鍵字的異同
宣告後未賦值,表現相同
'use strict'; (function() { var varTest; let letTest; console.log(varTest); //输出undefined console.log(letTest); //输出undefined }());
使用未宣告的變數,表現不同:
(function() { console.log(varTest); //输出undefined(注意要注释掉下面一行才能运行) console.log(letTest); //直接报错:ReferenceError: letTest is not defined var varTest = 'test var OK.'; let letTest = 'test let OK.'; }());
重複宣告同一個變數時,表現不同:
'use strict'; (function() { var varTest = 'test var OK.'; let letTest = 'test let OK.'; var varTest = 'varTest changed.'; let letTest = 'letTest changed.'; //直接报错:SyntaxError: Identifier 'letTest' has already been declared console.log(varTest); //输出varTest changed.(注意要注释掉上面letTest变量的重复声明才能运行) console.log(letTest); }());
變數作用範圍,表現不同
'use strict'; (function() { var varTest = 'test var OK.'; let letTest = 'test let OK.'; { var varTest = 'varTest changed.'; let letTest = 'letTest changed.'; } console.log(varTest); //输出"varTest changed.",内部"{}"中声明的varTest变量覆盖外部的letTest声明 console.log(letTest); //输出"test let OK.",内部"{}"中声明的letTest和外部的letTest不是同一个变量 }());
上面是我整理給大家的,希望今後會對大家有幫助。
相關文章:
#以上是js中let和var定義變數的差別有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!