Javascript中的一些基本概念

1、变量的作用域

在javascript中有两种类型的作用域：

• 全局作用域
• 局部作用域

简单来讲，在函数中定义的变量，只在函数内部生效，属于局部作用域，而在函数外部定义的变量属于全局作用域，在每个函数调用时，就会创建一个局部作用域。

1.1、 全局作用域

当你开始在一个文档中，写js时，你就已经在一个全局作用域中，在一个javascript文档中，只有一个全局作用域，全局作用域中的变量能够在该文档的任何位置访问和改变。

var hello= 'hello';
console.log(hello); // hello;
function log() {
    console.log(hello); // hello;
}
log();

#1.2、局部作用域

在函数中定义的变量，只在函数内部起做用，在本函数中的任何位置都能访问，每个函数都有独立的作用域

function foo1() {
    // 局部作用域 foo1
    function foo2() {
        // 局部作用域 foo2
    }
}
// 全局作用域
var hello = 'hello';
function foo3() {
    // 局部作用域3
}

#1.3、语句块#

语句块是指if,switch,for,while等，与函数不同，它们不创造新的作用域，在块语句内部定义的变量在语句块而外依然能够访问。

function foo() {
    if (true) {
        var hello = 'hello';
    }
    console.log(hello); // hello
}

在ES6中引入了let和const关键字，它们可以替代var关键字，使得变量只在语句块儿内起作用。

function foo() {
    if (true) {
        let hello = 'hello';
    }
    console.log(hello); // undefined
}

1.4、上下文

上下文是指在当前位置this所指带的变量，全局作用域中一般是window对象。

console.log(this); // window {}
function log() {
    console.log(this); // window{}， 该函数不是某个对象的属性
}

对象中的this，主要指对象本身

var User = { 
    log : function() {
        console.log(this); // User {};
    }
}

function log() {
    console.log(this);
}
new log(); // log{}  函数对象

如果在严格模式Strict Mode执行函数，则不会有上下文，上述函数会输出undefined。

1.5、执行上下文环境

在js中还有执行上下文的说法（Execution Context），执行上下文指的是作用域而不是this，每个函数都会创建自己的执行上下文环境。当一个函数被调用时，执行上下文分为两个阶段，一个是创建阶段，一个是代码执行阶段。

1.5.1、创建阶段

创建阶段做了如下一些事：

• 创建变量对象
• 创建作用域链
• 设置上下文，也就是this所对应的对象

变量对象又称为活动对象，包含某个执行上下文环境中包含的所有变量函数等，当一个函数被调用时，解释器会扫描它所包含的所有变量，函数参数以及其他的一些定义，并将它们打包到一个对象中：

'variableObjec': {
    // 包含函数参数，内部变量，以及函数定义等
}

在变量对象创建之后，解释器就会创建作用域链，作用域链用来查找变量，js解释器从执行上下文最内层嵌套开始查找变量，如果没有找到就会去父作用域去查找。
作用域链创建之后，就会创建this关联，一个执行上下文对象基本如下:

executionContextObject = {
    'scopeChain': {}, // contains its own variableObject and other variableObject of the parent execution contexts
    'variableObject': {}, // contains function arguments, inner variable and function declarations
    'this': valueOfThis
}

当执行上下文对象创建好之后，解释器才开始执行代码。

1.6、词法作用域

词法作用域又叫静态作用域，是指一组嵌套的函数，内层函数具有访问父作用域中资源的能力，子函数从词法上绑定到父作用域的执行上下文环境中

function grandfather() {
    var hello= 'hello';
    function parent() {
        console.log(hello); // hello
        function child() {
            var world= 'world';
            console.log(hello); // hello
        }
    }
}

1.7闭包

闭包的概念有点类似于词法作用域，当内层函数试图访问副作用域函数时，就会创建闭包，闭包会包含自己执行上下文中的作用域链，以及父作用域和全局作用域链。这里要注意的是闭包不仅包含函数中的变量也包含函数参数。
这里有个问题要注意，当函数返回一个内部函数时，执行这个函数，内部函数不会执行，需要将返回值保存，再执行这个函数变量才能执行：

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

foo(); // 不输出也不报错

var logHello = foo();
logHello(); // hello
foo()(); // hello 可以通过两个括号来访问内部函数

从上面的例子，我们发现即使函数返回了，我们依然可以访问到他内部的变量，为了保护内部变量的局部作用域，可以使用闭包的特性来实现:

(function(){
    // 内部私有作用域。
})();

var Module = (function() {
    function privateMethod() {
        //
    }

    return {
        publicMethod: function() {
            privateMethod();
        }
    };
})();

Module.publicMethod();

还可这样，类似于Export关键字：

var Module = (function () {
    function privateMethod() {

    }
    function publicMethod() {
        privateMethod();
    }
    return {
        publicMethod: publicMethod,
    }
})();

2、值和引用

js当中有值传递和引用传递，一般基本数据类型的赋值都是值传递，而对象是引用传递的，数组函数都是对象，字符串虽然内存可变，但在js中也是值传递