Javascript 函数的四种调用模式
Javascript函数的四种调用模式
1 函数模式
最普通的函数调用
//声明式函数
functionfn1(){
console.log(this);
}
//函数表达式函数
varfn2=function(){
console.log(this);
};
//调用函数中this表示全局对象，在浏览器中就是指window
fn1();//window
fn2();//window
2方法模式
函数依附于一个对象，是对象的一个属性，我们再调用这个函数。这种模式就是方法调用模式。
varobj={
name:"zhangSan",
sayHi:function(){
console.log(this);
}
};
obj.sayHi();//obj对象
3构造器调用模式
即是构造函数的调用，一般是通过new+函数名()，这种模式和以上的方法模式没本质的区别
functionPerson(){}
vartom=newPerson();//这就是构造器函数的调用
//构造函数调用的详细过程
//1会在内部创建一个对象o
//2给对象赋值(this),然后执行各种操作
//3返回这个对象o
//构造函数的返回值：
//
//有一个默认的返回值，新创建的对象（实例）；
//当手动添加返回值后（return语句）：
//1.返回值是基本数据类型-->真正的返回值还是那个新创建的对象（即实例）
//2.返回值是复杂数据类型（对象）-->真正的返回值是这个对象
4上下文模式
本质--对象借用不属于该对象的方法（函数），即我们自定义this的指向
这时候就需要call和apply这两个方法
//Function.prototype.call() //Function.prototype.apply() //——>任何函数都可以调用call和apply方法 //第一个参数控制this的指向，第二个参数： 在使用上下文调用的时候,原函数(方法)可能会带有参数,那么这个参数在上下文调用中使用第二个(第n个)参数来表示
//伪数组
varo={0:10,1:20,length:2};
//让o对象借用数组的push方法来添加元素
//[].push.call(o,30,50,70)
[].push.apply(o,[1,2,3])
console.log(o);//其中对象o中length属性的值也会改变的哦
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！