<script type="text/javascript">
function People(name){
this.name = name; //这里的this，用new调用后便指向了新对象Yika
this.sayName = function(){
console.log(this.name); //输出
}
}
var Yika = new People("Yika");
Yika.sayName(); //输出“Yika" ，因为Yika是通过new调用得来的，this都绑定在了Yika对象上。
</script>
乍一看，好像不是好懂，怎么刚才在函数里的this是指向window，现在不用缓存就可以指向People函数呢？
没关系，刚才不是说函数通过new调用，会在背地里自己做“做坏事”么，我们一起看看到底做了哪些事。
复制代码 代码如下:
<script type="text/javascript">
function People(name){
var that = {}; //坏事一：自己生成一个对象
that.name = name;
that.sayName = function(){
console.log(that.name);
};
return that; //坏事二，自己会改变return的行为，return刚生成的对象
}
var Yika = People("Yika"); //这里可以省略new，模仿调用new操作符
Yika.sayName(); //和刚才一样输出"Yika"
</script>
这样看就明白清楚了吧，new不仅会生成一个对象，而且还会自动return这个对象，这样自然this便指向了这个新对象。
千万记得要用 new 去调用构造函数，不然出了问题，是没有警告的，所有大写约定还是十分有必要的。
Apply调用模式
apply方法让我们构建一个参数数组传递给调用函数，也允许我们改变this值。
function.apply(this绑定的值, arguments参数数组)
apply可以说的东西太多了，我这里只举个的栗子来帮助大家理解：
复制代码 代码如下:
<script type="text/javascript">
function People(name){
this.name = name;
this.sayName = function(){
console.log(this.name); //sayName这个方法是属于People构造函数的
}
}
function Student(name){
People.apply(this, arguments);//借用构造函数的集成方式，就是在Student构造函数里，通过apply调用People构造函数，并改变People的this值
//这样每次创建Student实例时，都会调用People构造函数
}
var student = new Student("Yika");
student.sayName(); //输出“Yika”
</script>
我们可以通过apply轻易的修改函数的this绑定对象，和apply相似的方法call也有一样的效果，有兴趣的同学可以自己搜索学习一下。
好了，总算讲完改变this的四种调用模式了，方法调用模式和构造函数调用模式会用的更多，也会更重要一点，而函数调用模式，我们则要学会避开其中的陷阱。
若有错误，请及时反映，我会尽快纠正，以防误导他人，谢谢！
您可能感兴趣的文章: