2019.05.29面接問題:var、let、constの違いと実現原理?



一、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