1、变量

js中变量有两种类型：基本类型和引用类型

基本类型有六种：Number、String、Undefined、Boolean、Null、Symbol。基本类型的值在内存中占据固定大小的空间，被保存再栈内存中。

引用类型的值是对象，保存在堆内存中。包含引用类型值的变量实际上包含的并不是对象本身，而是指向该对象的指针。

//不能给基本类型数据添加属性
var name = 'li';
name.age = 20;
console.log(name.age) //undefined

2、作用域

作用域指程序代码中定义变量的区域。作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。

javascript采用词法作用域(lexical scoping)，也就是静态作用域。所以函数作用域在函数定义的时候就决定了。

var value = 1;

function foo() {
    console.log(value);
}

function bar() {
    var value = 2;
    foo();
}

bar();

结果是1。执行 foo 函数，先从 foo 函数内部查找是否有局部变量 value，如果没有，就根据书写的位置，查找上面一层的代码，也就是 value 等于 1，所以结果会打印 1。

var scope = "global scope";
function checkscope(){
    var scope = "local scope";
    function f(){
        return scope;
    }
    return f();
}
checkscope();

var scope = "global scope";
function checkscope(){
    var scope = "local scope";
    function f(){
        return scope;
    }
    return f;
}
checkscope()();

结果都是：local scope

javaScript函数的执行用到了作用域链，这个作用域链是在函数定义的时候创建的。嵌套的函数f()定义在这个作用域链里，其中的变量scope一定是局部变量，不管何时何地执行函数f()，这种绑定在执行f()时依然有效。

3、执行上下文栈

js是按照顺序执行

var foo = function () {
    console.log('foo1');
}

foo();  // foo1

var foo = function () {
    console.log('foo2');
}

foo(); // foo2

function foo() {
    console.log('foo1');
}

foo();  // foo2

function foo() {
    console.log('foo2');
}

foo(); // foo2

结果都是foo2。刷过面试题的都知道这是因为javaScript引擎并非一行一行地分析和执行程序，而是一段一段地分析执行。当执行一段代码的时候，会进行一个“准备工作”，比如第一个例子中的变量提升，和第二个例子中的函数提升。

可执行的代码有三种：全局代码、函数代码、eval代码。

举个例子，当执行到一个函数的时候，就会进行准备工作，这里的“准备工作”，让我们用个更专业一点的说法，就叫做"执行上下文。函数很多，如何管理创建的那么多执行上下文呢？就用到了执行上下文栈。

模拟执行上下文栈行为：

ECStack = [];

ECStack = [
    globalContext
];

例子：

function fun3() {
    console.log('fun3')
}
function fun2() {
    fun3();
}
function fun1() {
    fun2();
}

fun1();

当执行一个函数的时候，就会创建一个执行上下文，并且压入执行上下文栈，当函数执行完毕的时候，就会将函数的执行上下文从栈中弹出

// fun1()
ECStack.push(<fun1> functionContext);

// fun1中竟然调用了fun2，还要创建fun2的执行上下文
ECStack.push(<fun2> functionContext);

// 擦，fun2还调用了fun3！
ECStack.push(<fun3> functionContext);

// fun3执行完毕
ECStack.pop();

// fun2执行完毕
ECStack.pop();

// fun1执行完毕
ECStack.pop();

// javascript接着执行下面的代码，但是ECStack底层永远有个globalContext

参考链接：

github.com/mqyqingfeng…

javascript之变量、作用域、执行上下文栈

1、变量

2、作用域

3、执行上下文栈