JavaScript中调用函数的4种方式代码实例

更新时间：2015年07月08日 09:40:13 投稿：junjie

这篇文章主要介绍了JavaScript中调用函数的4种方式代码实例,本文分别给出方法调用模式、函数调用模式、构造器调用模式、apply调用模式4种方式的代码实例,需要的朋友可以参考下

1：方法调用模式

var myObj = {//对象字面量
  param1: 1,
  param2: 2,
  sum: function (){
//this关键字只带当前的对象
return this.result = this.param1 + this.param2;
  }
}
myObj.sum(); //=>3

2：函数调用模式

var add = function(a, b){
  return a + b;
}
//函数调用模式
add(1,2); //=>3

还可以

function add(a, b){
  return a + b;
}
add(1,2);//=>3

3：构造器调用模式

var add = function() {
  this.name = "汇智网";
  this.sum = function (a, b){
    return a + b;
  }
}
// 构造器调用模式
var obj = new add(); //obj是一个对象
obj.sum(1,2); //=>3

4：apply调用模式

var add = function (a, b) {
  return a + b;
}
 
add.apply(null,[1,2]); //=>3

也可以用call

var add = function (a, b) {
  return a + b;
}
add.call(null,1,2); //=>3

您可能感兴趣的文章:

JS使用Expires max-age判断缓存过期的浏览器实例
这篇文章主要为大家介绍了JS使用Expires max-age判断缓存过期的浏览器实例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-11-11
JavaScript实现DIV层拖动及动态增加新层的方法
这篇文章主要介绍了JavaScript实现DIV层拖动及动态增加新层的方法,设计javascript操作div层的拖动与增加的相关技巧,需要的朋友可以参考下
2015-05-05
javascript中Array()数组函数详解
在JavaScript中数组也是比较常用的对象之一，数组是值的有序集合，本篇文章给大家分享Javascript中Array()数组函数详解，需要的朋友可以参考下
2015-08-08
JavaScript中神奇的call()方法
这篇文章主要介绍了JavaScript中神奇的call()方法,本文用浅显的语言帮助你加深理解call()方法,需要的朋友可以参考下
2015-03-03
原生js三级联动的简单实现代码
下面小编就为大家带来一篇原生js三级联动的简单实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-06-06
JavaScript实现的Tween算法及缓冲特效实例代码
这篇文章主要介绍了JavaScript实现的Tween算法及缓冲特效,涉及JavaScript通过数学运算及样式属性操作实现缓动、弹性运动等效果,具有一定参考借鉴价值,需要的朋友可以参考下
2015-11-11
javascript实现5秒倒计时并跳转功能
这篇文章主要为大家详细介绍了javascript实现5秒倒计时并跳转功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-06-06
JS 拼图游戏面向对象，注释完整。
原创的JS拼图游戏，面向对象，注释完整。作者 sunxing007
2009-06-06
JavaScript如何动态创建table表格
这篇文章主要介绍了JavaScript如何动态创建table表格，一些时候需要动态的创建和删除表格，接下来的文章中将为大家介绍下javascript是如何做到的，感兴趣的朋友不要错过
2015-11-11
仿谷歌主页js动画效果实现代码
昨天看到谷歌的主页上出现了几个动画，发现不是flash做的，而是用js+图片实现的！今天把拷贝到的图片，用js实现了动画效果！
2013-07-07