首页 > 语言 > JavaScript > 正文

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

2024-05-06 16:22:48
字体:大 中 小
来源:转载
供稿:网友

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

1:方法调用模式

 

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

2:函数调用模式

 

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

还可以

 

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

3:构造器调用模式

 

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

4:apply调用模式

 

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

也可以用call

 

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选