溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

js中let和var定義變量的區別

發布時間:2020-10-06 17:10:10 來源:腳本之家 閱讀:258 作者:nfer_cn 欄目:web開發

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定義變量的區別,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女