作用域（个人浅谈）

作用域

解释：

解释1：代码的执行环境，全局执行环境就是全局作用域，函数的执行环境就是私有作用域，它们都是栈内存（作用域就是代码执行开辟栈内存）

解释2：作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性（作用域决定了代码区块中变量和其他资源的可见性）

私有作用域 ----> 函数执行都会形成一个私有作用域
全局作用域 ----> 页面一打开就会形成一个全局的作用域
私有变量 ----> 在私有作用域里边形成的变量 (通过 var 声明； 形参)
全局变量 ----> 在全局作用域形成的变量（var a = 12 或者函数内没有声明，直接赋值的变量

例子1：

var scope="global";
function t(){
    console.log(scope);	//undefined
    var scope="local"
    console.log(scope);	//local
}
t();
//函数作用域，在函数内部会先执行性 var 和 function，但不会赋值，会指向undefined
//ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。

例子2：

var name="global";
if(true){
    var name="local";
    console.log(name)	//local
}
console.log(name);	local 
//因为js在 es6之前 没有块级作用域{}，所以他会输出 loacl

例子3：

function outFun2() {
    var innerVar = "innerVar";
    console.log(innerVar);
}
outFun2();	//innerVar
console.log(innerVar); // Uncaught ReferenceError: inVariable is not defined
//变量 inVariable 在全局作用域没有声明，所以在全局作用域下取值会报错。

特点：

特点：
	作用域就是一个独立的地盘，让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。
    最外层函数 和在最外层函数外面定义的变量拥有全局作用域
    所有末定义直接赋值的变量自动声明为拥有全局作用域
    所有 window 对象的属性拥有全局作用域
    一般情况下，window 对象的内置属性都拥有全局作用域，例如 window.name、window.location、window.top 等等。

缺点：全局作用域有个弊端：如果我们写了很多行 JS 代码，变量定义都没有用函数包括，那么它们就全部都在全局作用域中。这样就会 污染全局命名空间, 容易引起命名冲突。
    aa的代码：
    var x = { a:1 }
    bb的代码：
    var x = { b:1 }

作用域链

当代码在一个环境中执行时，会创建变量对象的一个作用域链（作用域形成的链条）

作用域链的前端，始终都是当前执行的代码所在环境的变量对象,作用域链中的下一个对象来自于外部环境，而在下一个变量对象则来自下一个外部环境，一直到全局执行环境。
全局执行环境的变量对象始终都是作用域链上的最后一个对象。
也就是说：当在内部函数中，需要访问一个变量的时候，首先会访问函数本身的变量对象，是否有这个变量，如果没有，那么会继续沿作用域链往上查找，直到全局作用域。如果在某个变量对象中找到则使用该变量对象中的变量值。

例：
    name="lwy";
    function t(){
        var name="tlwy";
        function s(){
            var name="slwy";
            console.log(name);
        }
        function ss(){
            console.log(name);
        }
        s();	//slwy
        ss();	//tlwy
    }
    t();
    //当执行s时，将创建函数s的执行环境(调用对象),并将该对象置于链表开头，然后将函数t的调用对象链接在之后，最后是全局对象。然后从链表开头寻找变量name,
    //但执行ss()时，作用域链是： ss()->t()->window,所以name是”tlwy"


由于变量的查找是沿着作用域链来实现的，所以也称作用域链为变量查找的机制。
这个机制也说明了访问局部变量要比访问全局变量更快，

with语句(主要用来临时扩展作用域链，将语句中的对象添加到作用域的头部。)：

person={name:"yhb",age:22,height:175,wife:{name:"lwy",age:21}};
with(person.wife){
    console.log(name);
}

//with语句将person.wife添加到当前作用域链的头部，所以输出的就是：“lwy".
//with语句结束后，作用域链恢复正常。

转载于https://blog.csdn.net/yueguanghaidao/article/details/9568071
转载于https://www.jianshu.com/p/cc79f22b99fe
小弟菜鸟，如有不对，欢迎评论