JavaScript四种调用模式和this示例介绍
更新时间：2014年01月02日 16:05:53 作者：
JavaScript调用时除了声明时定义的形参外，每个函数接受两个附加参数：this 和arguments，下面为大家介绍下JavaScript四种调用模式和this
JavaScript调用时除了声明时定义的形参外，每个函数接受两个附加参数：this 和arguments，this在面向对象编程中非常重要，它取决于调用模式。
JavaScript有四种调用模式，方法调用模式，函数调用模式，构造器调用模式和apply调用模式。这些模式在初始化关键参数this上存在差异。
方法调用模式：当一个函数被保存为对象的一个属性时，我们称它为一个方法，当一个方法被调用时，this被绑定到该对象上。如果调用表达式包含一个属性取表达式（即一个.点表达式或[script]下标表达式），那么它被当做一个方法调用。
var myObject = {
value: 0;
increment: function(inc){
this.value += typeof inc === 'number' ? inc : 1;
}
};
myObject.increment();
document.writeln(myObject.value);//1
myObject.increment(2);
document.writeln(myObject.value);//2
方法可以使用this去访问对象，所以它能从对象中取值或修改对象。this的绑定发生在调用的时候。这个超级迟绑定使得函数可以对this高度复用。通过this可以取得他们所属的上下文方法称为公共方法。
函数调用模式：当一个函数并非一个对象的属性时，那么它被当做一个函数来调用 var sum = add(3, 4);//sum值为7
当函数以此模式调用时，this被绑定到全局对象。
构造器调用模式：JavaScript是一门基于原型继承的语言。这意味着可以直接从其他对象继承属性。该语言是无类别的。
如果在函数前面带上new来调用，那么将创建一个隐藏连接到该函数的prototype成员的新对象，同时this将会被绑定到那个新对象上。
Apply调用模式：因为JavaScript是一门函数式的面向对象编程语言，所以函数可以拥有方法。
apply方法让哦我们构建一个参数数组并用其去调用函数。它也允许我们选择this的值。
apply方法接受两个参数，第一个将被绑定给this的值，第二个就是一个参数数组。
JavaScript有四种调用模式，方法调用模式，函数调用模式，构造器调用模式和apply调用模式。这些模式在初始化关键参数this上存在差异。
方法调用模式：当一个函数被保存为对象的一个属性时，我们称它为一个方法，当一个方法被调用时，this被绑定到该对象上。如果调用表达式包含一个属性取表达式（即一个.点表达式或[script]下标表达式），那么它被当做一个方法调用。
复制代码 代码如下:
var myObject = {
value: 0;
increment: function(inc){
this.value += typeof inc === 'number' ? inc : 1;
}
};
myObject.increment();
document.writeln(myObject.value);//1
myObject.increment(2);
document.writeln(myObject.value);//2
方法可以使用this去访问对象，所以它能从对象中取值或修改对象。this的绑定发生在调用的时候。这个超级迟绑定使得函数可以对this高度复用。通过this可以取得他们所属的上下文方法称为公共方法。
函数调用模式：当一个函数并非一个对象的属性时，那么它被当做一个函数来调用 var sum = add(3, 4);//sum值为7
当函数以此模式调用时，this被绑定到全局对象。
构造器调用模式：JavaScript是一门基于原型继承的语言。这意味着可以直接从其他对象继承属性。该语言是无类别的。
如果在函数前面带上new来调用，那么将创建一个隐藏连接到该函数的prototype成员的新对象，同时this将会被绑定到那个新对象上。
Apply调用模式：因为JavaScript是一门函数式的面向对象编程语言，所以函数可以拥有方法。
apply方法让哦我们构建一个参数数组并用其去调用函数。它也允许我们选择this的值。
apply方法接受两个参数，第一个将被绑定给this的值，第二个就是一个参数数组。
相关文章
学着js的继承，自己也写了个。感觉不是很好。现在很多代码都封装成类。2010-08-08
这篇文章主要介绍了浅析Bootstrap验证控件的使用 的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-06-06
这篇文章主要为大家介绍了小程序canvas手写签名适配PC实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
本文通过实例代码给大家实例讲解了javascript动态三角函数知识，非常不错，具有参考借鉴价值，需要的朋友参考下2017-01-01
这篇文章主要介绍了从零搭一个自用的前端脚手架的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要为大家详细介绍了javascript事件绑定使用方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-10-10
二级联互动菜单，利用了jquery的ajax实现，具体实现如下，喜欢的朋友可以参考下2013-12-12
JavaScript的严格模式（Strict Mode）是一种在代码中启用的特殊模式，用于提供更严格的语法和错误检查，以改善代码质量和增强安全性，本文主要介绍JS的严格模式的用法，可以帮助大家避免一些常见的错误,需要的朋友可以参考下2023-05-05
js前台分页显示使用jquery1.8.7框架，本文目的主要给那些刚入行软件开发，喜欢这也看看，程序需要有投入才有收获感兴趣的你可不要错过了哈，希望可以帮助到你2013-03-03
这篇文章主要为大家详细介绍了微信小程序实现选项卡功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-11-11
最新评论