一.javascript中的this

在几种不同的情况下，this 指向的各不相同。

全局范围内

console.log(this);
当在全部范围内使用 this，它将会指向全局window对象。

函数调用

        function fun() {
            console.log(this);
        }
        fun();

这里 this 也会指向全局对象。

方法调用

        var test = {
            fun:function () {
                console.log(this);
            }
        }
        test.fun();

这个例子中，this 指向 test 对象。

调用构造函数


function con() {
            console.log(this);
        }
new con();

如果函数倾向于和 new 关键词一块使用，则我们称这个函数是构造函数。在函数内部，this 指向新创建的对象。

常见误解

尽管大部分的情况都说的过去，不过第二个规则被认为是JavaScript语言另一个错误设计的地方，因为它从来就没有实际的用途。

var Foo = {}
Foo.method = function() {
function test() {
// this 将会被设置为全局对象
    }
    test();
}

一个常见的误解是 test 中的 this 将会指向 Foo 对象，实际上不是这样子的。

为了在 test 中获取对 Foo 对象的引用，我们需要在 method 函数内部创建一个局部变量指向 Foo 对象。

Foo.method = function() {
var that = this;
function test() {
// 使用 that 来指向 Foo 对象
    }
    test();
}

that 只是我们随意起的名字，不过这个名字被广泛的用来指向外部的 this 对象。

可以运行下面代码来更好的理解：

代码片段1：

var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　return function(){
　　　　　　　　return this.name;
　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());

代码片段2：

var name = "The Window";
　　var object = {
　　　　name : "My Object",
　　　　getNameFunc : function(){
　　　　　　var that = this;
　　　　　　return function(){
　　　　　　　　return that.name;
　　　　　　};
　　　　}
　　};
　　alert(object.getNameFunc()());

二.闭包

作用域

在函数内部用var声明的变量我们可以将它看成是私有变量。

私有变量在函数的外部，或者在它的父级函数中是无法访问到的。

闭包的意义

函数是 JavaScript 中唯一拥有自身作用域的结构，因此闭包的创建依赖于函数。

function Counter(start) {
var count = start;
return {
        increment: function() {
            count++;
        },

get: function() {
return count;
        }
    }
}

var foo = Counter(4);
foo.increment();
foo.get(); // 5

实际上increment和get两个函数就是两个闭包，闭包的概念可以这样说：闭包就是能够读取其他函数内部变量的函数

由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成”定义在一个函数内部的函数”。

所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

读取函数内部的变量是闭包存在的一个重要意义:还有一个意义就是让这些变量的值始终保持在内存中。

Counter被赋值给了一个全局变量，这导致Counter会始终存在于内存中，它的局部变量count也不会被垃圾回收机制回收。

比如我们像如下这样操作

Counter(4).increment();
Counter(4).get();

那么得到的结果是4，因为Counter(4)对象并没有被保存，而是调用后被垃圾回收机制回收掉了。

综上：闭包是阻止垃圾回收器将变量从内存中移除的办法，使得在创建变量的执行环境的外面能访问到该变量。

使用闭包的注意事项

1）由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题

2）闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值。

以上仅代表个人观点，如果有什么错误的地方欢迎指正！

秒客网

【javascript知识进阶】this和闭包