JavaScript（9）闭包，this的深入理解

1，闭包

在在正常情况下，函数（(函数作用域）中是可以访问卧部变量的，而外部是无法访问函数作用域中的变量。当外部访问函数中的变量时， 会报Uncaught.ReferenceError: x is not defined。闭包就可以解决这个问题。

1.1外部访问局部变量

在函数内部，再定义一个函数。来计算后把结果返回给调用来实现，这种方式就是闭包。

1.2闭包概念

简单理解就是:闭包就是能够读取其他函数内部变量的函数。
由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。
闭包是JavaScript中最强大的特性之一。JavaScript允许函数嵌套，并且内部函数可以访问定义在外部函数中的所有变量和函数，以及外部函数能访问的所有变量和函数。
《javascript高级程序设计》︰闭包其实是一种语言特性，它是指的是程序设计语言中，允许将函数看作对象，然后能像在对象中的操作般在函数中定义实例(局部）变量，而这些变量能在函数中保存到函数的实例对象销毁为止，其它代码块能通过某种方式获取这些实例(局部）变量的值并进行应用扩展。

1.3闭包作用

• 可以读取函数内部的变量
• 让这些变量始终保存在内存中

1.4封装对象的私有属性和方法

闭包还可以封装对象的私有属性和方法。例如：

	<script>
        function Person() {
            //私有属性
            var age;
            //私有方法
            function getAge() {
                return age;
            }
            function setAge(n) {
                age = n;
            }
            return{
                setAge: setAge,
                getAge: getAge
            }
        }
    </script>

1.5闭包使用注意事项

• 由于闭包会使得函数中的变量都被保存在内存中内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前,将不使用的局部变量全部删除。
• 闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象 (object)使用，把闭包当作它的公用方法（Public Method)，把内部变量当作它的私有属性(private value)，这时一定要小心，不要随便改变父函数内部变量的值。
  闭包需要的条件有三个：
• 函数嵌套
• 访问所在的作用域
• 在所在的作用域被调用

2，深入理解this

2.1默认绑定

• this默认绑定了window，在全局环境下this指向的就是window
• 在函数独立调用时，函数内部的this也指向window
• 函数嵌套中被独立调用时，this指向的是window，而函数当作对象方法来调用时，this指向的是调用多个对象
• 在自执行函数内部的this指向window
• 闭包中this默认指向window
  总之，默认情况下，this基本都指向window

2.2隐式绑定

是指将当前的this隐式绑定到另一个对象中

	<script>
        function fn() {
            console.log(this.a);
        }
        var obj = {
            a : 1,
            f : fn
        }
        obj.f()
    </script>
 //fn函数中的this已经隐式绑定到了obj对象上

2.3隐式丢失

隐式丢失是指被隐式绑定的函数丢失了绑定对象，从而默认又绑定到了window上。注意,这种情况既常见又易出错。
有以下几种情况：

• 别名调用
• 参数传递
• 内置函数
• 间接调用

2.4显示绑定

显示绑定可以使用函数call(),apply(),bind()方法来进行显示绑定

2.5new绑定

通过构造函数来构造一个实例对象，如果这个函数或一个方法调用之前，带有关键字new，就会构成构造函数来调用。对于this的绑定来说就叫new绑定。
如果是new关键字来执行函数，相当于构造函数来实例化对象，那么内部的this指向了当前实例化的对象。

2.6严格模式

在独立函数调用的内部，this指向的是window

function fn(){
	console.log(this); //this -> window
}
fn();

①在严格模式下，独立调用函数内部，this指向的是undefined

function fn(){
	"use strict";
	console.log(this);  //this -> undefined
}
fn();

②在严格模式下，函数调用apply()和call(),传递什么对象就指向什么对象

function fn() {
	'use strict';
	console.log(this);
}
fn.call(null); // this -> null
fn.call(undefined); //this -> undefined