Javascript函数的四种调用模式
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Javascript函数的四种调用模式，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1616字，纯文字阅读大概需要3分钟。
内容图文
Javascript 函数的四种调用模式1 函数模式
最普通的函数调用
// 声明式函数
function fn1 () {
console.log(this);
}
// 函数表达式函数
var fn2 = function() {
console.log(this);
};
// 调用 函数中this表示全局对象，在浏览器中就是指window
fn1(); //window
fn2(); //window 2 方法模式
函数依附于一个对象，是对象的一个属性，我们再调用这个函数。这种模式就是方法调用模式。
var obj = {
name: "zhangSan",
sayHi: function () {
console.log(this);
}
};
obj.sayHi(); //obj对象3 构造器调用模式
即是构造函数的调用，一般是通过new + 函数名( )，这种模式和以上的方法模式没本质的区别
function Person() {}
var tom = new Person(); // 这就是构造器函数的调用
// 构造函数调用的详细过程
// 1 会在内部创建一个对象o
// 2 给对象赋值(this), 然后执行各种操作
// 3 返回这个对象o
// 构造函数的返回值：
//
// 有一个默认的返回值，新创建的对象（实例）；
// 当手动添加返回值后（return语句）：
// 1. 返回值是基本数据类型-->真正的返回值还是那个新创建的对象（即实例）
// 2. 返回值是复杂数据类型（对象）-->真正的返回值是这个对象4 上下文模式
本质--对象借用不属于该对象的方法（函数），即我们自定义this的指向
这时候就需要call和apply这两个方法
//Function.prototype.call ()
//Function.prototype.apply ()
//——>任何函数都可以调用call和apply方法
// 第一个参数控制this的指向，第二个参数：
在使用 上下文调用的 时候, 原函数(方法)可能会带有参数, 那么这个参数在上下文调用中使用 第二个( 第 n 个 )参数来表示//伪数组
var o={ 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属性的值也会改变的哦感谢阅读，希望能帮助到大家，更多相关内容请关注PHP中文网（www.gxlcms.com）!
内容总结
以上是互联网集市为您收集整理的Javascript函数的四种调用模式全部内容，希望文章能够帮你解决Javascript函数的四种调用模式所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。