call,apply学习小结

之前一直不太清楚js的call,apply的作用是什么，直到看到了这篇博文

http://blog.csdn.net/myhahaxiao/article/details/6952321

　　function Person(name,age)
      {
        this.name=name;
        this.age=age;
      }

    function Student(name,age,grade)
      {
        Person(name,age);
        Person.call(this,name,age);
        alert(window.name);
        this.grade=grade;
      }
    var student=new Student("zhangsan",21,"一年级");
    alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);

 

为什么用Person.call，而不是直接调用Person函数呢？直接用Person(name,age);这里给this赋值，this是window，最后window拥有了name跟age值；

原因是this的指向，函数作用域取决于定义它时所在的地方，而不是执行它时所在的地方。这里Person函数是在全局环境下定义的，所以this变成了window;

而Person.call(this,name,age);的作用是将Person函数的作用域变成了当前函数，所以最终生成的实例student拥有了name跟age值，所以call的作用是可以改变函数的作用域,下面这个例子也说明了这一点：

      var name="CC";
      function Person(name)
        {
          alert(name);
        }

      function Student()
        {
          var name="AA";
          Person.call(this,name);
        }
      var student=new Student();    

最终弹出的是AA！

至于apply的妙用可以参考链接。