2019.05.29面接問題:var、let、constの違いと実現原理?
1911 ワード
一、var宣言の変数はwindowにマウントされ、letとconst宣言の変数は
var a = 100;
console.log(a,window.a); // 100 100
let b = 10;
console.log(b,window.b); // 10 undefined
const c = 1;
console.log(c,window.c); // 1 undefined
二、varは変数の存在を宣言し、letとconstは変数の存在を宣言する.
console.log(a); // undefined ===> a , undefined
var a = 100;
console.log(b); // :b is not defined ===> b
let b = 10;
console.log(c); // :c is not defined ===> c
const c = 10;
三、letとconst宣言はブロックの役割ドメインを形成し、varはこの役割ドメインが存在しない
if(1){
var a = 100;
let b = 10;
const c = 1;
}
console.log(a); // 100
console.log(b) // :b is not defined ===> b
console.log(c) // :c is not defined ===> c
四、同じ役割ドメインの下でletとconstは同名変数を宣言することができず、varは
var a = 100;
console.log(a); // 100
var a = 10;
console.log(a); // 10
let a = 100;
let a = 10; // :Identifier 'a' has already been declared ===> a
五、let、constは一時的にデッドゾーンが存在する
var a = 100;
if(1){
a = 10;
// a let/const , a 10 , a,
// , , Error:a is not defined
let a = 1;
}
六、const
/*
* 1、 , null 。
*
* 2、
*
* 3、 ,
*
* */
const a = 100;
const list = [];
list[0] = 10;
console.log(list); // [10]
const obj = {a:100};
obj.name = 'apple';
obj.a = 10000;
console.log(obj); // {a:10000,name:'apple'}
七、var、let、const実現原理
JS権威ガイドには、「JavaScriptの関数は、実行される役割ドメインではなく、定義された役割ドメインで実行されます.」という透徹した記述があることを覚えています.
以下は推測に属し、ネット上で確実な原理メカニズムが調べられなかった(誤望指正があれば):
js解析の場合、スタック内に存在する値とアドレスを変更できないため、constを優先的に解析します.次にletを解析するブロック作用ドメインがないため、下位層に処理がある可能性があり、最後にvarを解析する.
参照リンク:https://github.com/Advanced-Frontend/Daily-Interview-Question