首頁  >  文章  >  web前端  >  js中let和var定義變數的差別有哪些?

js中let和var定義變數的差別有哪些?

亚连
亚连原創
2018-06-06 17:50:402136瀏覽

這篇文章主要介紹了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不是同一个变量
}());

上面是我整理給大家的,希望今後會對大家有幫助。

相關文章:

詳解解讀在vue專案中引入elementUI元件

在Vue-cli中如何實作為單獨頁面設置背景色

在vue中實作刷新和tab切換

#

以上是js中let和var定義變數的差別有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn