JavaScript 从对象 new 说起，简单理解 this/call/apply

new 

1. 创建一个新对象；
2. 将构造函数的作用域赋给新对象（因此this就指向了这个新对象）；
3. 执行构造函数中的代码（为这个新对象添加属性）；
4. 返回新对象

　　用代码描述的话（先别管proyotype, apply等）：

1 function New (f) {
2     var n = { '__proto__': f.prototype }; /*第一步*/
3     return function () {
4         f.apply(n, arguments);            /*第二步*/
5         return n;                         /*第三步*/
6     };
7 }

 

This

　　this 是一个指针，永远指向 父级中最近的一个 的 new 对象 实例

　　在页面加载时候，javascript 引擎完成 windows 实例化， 此时 this 指向 windows；

console.log(this === window);　　　　　　// true
var value = "i'm proproty of window instance";
console.log(value === window.value);　　// true
function show(){
　　console.log(this === window);　　　　// true
}
show();

 

　　只有当 new 一个新对象后，该对象内部的 this 才会全部指向 新的对象；

　　 备注：var obj = {} 也是new

　　

var show = {
    do : function(){
        console.log(this);　　　　　　　　　// obj
        console.log(this === window);　　// false
    }　　
}
show.do();

 

　　特别注意以下情况：

var show = {
    do : function(){
        console.log(this);　　　　            // window
        console.log(this === window);　　　　// false
    }　　
}

var doFun = show.do;
doFun();

 

　　show.do(): do 作为 show 对象的函数被调用。所以，上下文指的是show;

　　doFun():　 show.do 被分配到 doFun变量时，因为 doFun 被隐式设置为全局对象的属性，因此，doFun 的 上下文指的是 window

 

Call & Apply

　　语法：

　　　　call([thisObj[,arg1[, arg2[, [,.argN]]]]])

　　　　apply([thisObj[,argArray]])

　　Call和apply是改变函数的作用域（scope/上下文）；

　　将构造函数的作用域赋给新对象（见 new 第二条，此时 this 就指向了这个新对象）；

　　Call 和 apply是将 this 指向方法的第一个参数。

var value = "i'm proproty of window instance";
function show(){
    console.log(this);
    console.log(this.value);
}

var obj = {
      value : "i'm proproty of obj instance"
};

/* 
 * window
 * i'm proproty of window instance
 */
show();

/* 
 * obj
 * i'm proproty of obj instance
 */
show.call(obj);