javascript中let、var、const三者的區別是什么-創新互聯

本篇文章為大家展示了javascript中let、var、const三者的區別是什么，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

成都創新互聯公司是一家集網站建設,石拐企業網站建設,石拐品牌網站建設,網站定制,石拐網站建設報價,網絡營銷,網絡優化,石拐網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

1.聲明后未賦值，表現相同

//一個例子
'use strict';

(function() {
 var varTest;
 let letTest;
 console.log(varTest); //輸出undefined
 console.log(letTest); //輸出undefined
}());

2.使用未聲明的變量，表現不同

//一個例子
(function() {
 console.log(varTest); //輸出undefined(注意要注釋掉下面一行才能運行)
 console.log(letTest); //直接報錯：ReferenceError: letTest is not defined

 var varTest = 'test var OK.';
 let letTest = 'test let OK.';
}());

3.重復聲明同一個變量時，表現不同

//一個例子
'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);
}());

4.變量作用范圍，表現不同

//一個例子
'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不是同一個變量
}());

5.const定義的變量不可以修改，而且必須初始化

//一個例子
const b = 2;//正確
// const b;//錯誤，必須初始化 
console.log('函數外const定義b：' + b);//有輸出值
// b = 5;
// console.log('函數外修改const定義b：' + b);//無法輸出

6.var定義的變量可以修改，如果不初始化會輸出undefined，不會報錯

var a = 1;
// var a;//不會報錯
console.log('函數外var定義a：' + a);//可以輸出a=1
function change(){
a = 4;
console.log('函數內var定義a：' + a);//可以輸出a=4
} 
change();
console.log('函數調用后var定義a為函數內部修改值：' + a);//可以輸出a=4

7.let是塊級作用域，函數內部使用let定義后，對函數外部無影響

let c = 3;
console.log('函數外let定義c：' + c);//輸出c=3
function change(){
let c = 6;
console.log('函數內let定義c：' + c);//輸出c=6
} 
change();
console.log('函數調用后let定義c不受函數內部定義影響：' + c);//輸出c=3

上述內容就是javascript中let、var、const三者的區別是什么，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注創新互聯行業資訊頻道。

當前標題：javascript中let、var、const三者的區別是什么-創新互聯
分享地址：http://m.kartarina.com/article46/dcpieg.html

成都網站建設公司_創新互聯，為您提供企業網站制作、定制網站、App設計、微信公眾號、品牌網站設計、服務器托管

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯