js中l(wèi)et和var定義變量的區(qū)別
更新時間：2018年02月08日 10:59:22 作者：nfer_cn
這篇文章主要介紹了js中l(wèi)et和var定義變量的區(qū)別,非常不錯，具有參考借鑒價值,需要的朋友可以參考下
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關鍵字的異同
聲明后未賦值，表現(xiàn)相同
'use strict';
(function() {
var varTest;
let letTest;
console.log(varTest); //輸出undefined
console.log(letTest); //輸出undefined
}());
使用未聲明的變量，表現(xiàn)不同:
(function() {
console.log(varTest); //輸出undefined(注意要注釋掉下面一行才能運行)
console.log(letTest); //直接報錯：ReferenceError: letTest is not defined
var varTest = 'test var OK.';
let letTest = 'test let OK.';
}());
重復聲明同一個變量時，表現(xiàn)不同：
'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);
}());
變量作用范圍，表現(xiàn)不同
'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."，內(nèi)部"{}"中聲明的varTest變量覆蓋外部的letTest聲明
console.log(letTest); //輸出"test let OK."，內(nèi)部"{}"中聲明的letTest和外部的letTest不是同一個變量
}());
總結
以上所述是小編給大家介紹的js中l(wèi)et和var定義變量的區(qū)別，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關文章
JS實現(xiàn)京東首頁之頁面頂部、Logo和搜索框功能
這篇文章主要實現(xiàn)京東的頁面頂部，logo和搜索框功能，本文有效果展示，頁面布局詳細分析，具體實現(xiàn)代碼，介紹的非常詳細，具有參考借鑒價值，需要的的朋友參考下吧2017-01-01
這篇文章主要介紹了js實現(xiàn)獲取兩個日期之間所有日期的方法,涉及javascript針對日期與時間的相關操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06
前端通過code獲取sessionkey,再用sessionkey解密手機號加密信息,PHP后端實現(xiàn)這一過程,本文通過實例代碼給大家介紹抖音小程序一鍵獲取手機號功能,感興趣的朋友一起看看吧2025-01-01
javascript函數(shù)自動執(zhí)行常用方法匯總
本文給大家匯總介紹了3種javascript函數(shù)自動執(zhí)行的常用方法，非常的簡單實用，有需要的小伙伴可以參考下2016-03-03
JavaScript實現(xiàn)選中文字提示新浪微博分享效果
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)選中文字提示新浪微博分享效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
微信小程序textarea層級過高(蓋住其他元素)問題的解決辦法
這篇文章主要給大家介紹了關于微信小程序textarea層級過高(蓋住其他元素)問題的解決辦法，文中通過圖文介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
Bootstrap每天必學之js插件，Bootstrap 自帶 12 種 jQuery 插件，擴展了功能，可以給站點添加更多的互動，感興趣的小伙伴們可以參考一下2015-11-11
本文主要介紹了原生js實現(xiàn)圖片放大縮小計時器效果的示例代碼。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
JavaScript判斷瀏覽器類型一般有兩種辦法，一種是根據(jù)各種瀏覽器獨有的屬性來分辨，另 一種是通過分析瀏覽器的userAgent屬性來判斷的2014-03-03
layer彈出的iframe層在執(zhí)行完畢后關閉當前彈出層的方法
今天小編就為大家分享一篇layer彈出的iframe層在執(zhí)行完畢后關閉當前彈出層的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08