关于call与apply函数的理解

        <script type="text/javascript">
            var f={
                foo:function (argument) {
                    // body...
                    return this.x;
                },
                x:"foo111"
            };
            var f2={
                x:"foo222"

            }
            console.log(f.foo());  //输出foo111
            console.log(f.foo.call(f2));  //输出foo222
            //f2.foo();


        </script>

产生这样的输出结果，就是因为call函数改变了对象方法的运行环境

语句1：f.foo();  此时foo内部的this指向的就是f

语句2：f.foo.call(f2) 将foo的执行环境由f换成f2，此时，foo内部的this指向就变成了f2

 

var x="window";
var foo=function (argument) {
        // body...
        return this.x;
    
}
var f1={
    x:"f1"

}

var f2={
    x:"f2"

}
console.log(foo());
console.log(foo.call(f1));
console.log(foo.call(f2));

体现在应用中，有函数foo（），函数内部语句  return this.x

利用call/apply就可以更改foo函数的运行环境

foo()在全局环境，this指向window

foo.call(f1)在f1对象下，this指向f1

foo.call(f2)在f2对象下，this指向f2

这样foo在执行时就会返回不同的值

接下来再来看看在js继承中的call函数运用

            function Father(name,age) {
                // body...
                this.name=name;
                this.age=age;

            }

            Father.prototype={
                getName:function (argument) {
                    // body...
                    return this.name;
                },

            }

            function Son(name,age,job) {
                // body...
                // this.name=name;
                // this.age=age;
                // this.job=job;
                Father.call(this,name,age);
                this.job=job;
            }
            Son.prototype=new Father();
            Son.getJob=function (argument) {
                // body...
            }
            

第21行，利用对象冒充在Son的环境下执行Father(name,age)

 

下篇文章再讨论继承