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


Posted in Javascript onJuly 08, 2015

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

Javascript 相关文章推荐
使javascript也能包含文件
Oct 26 Javascript
多浏览器兼容性比较好的复制到剪贴板的js代码
Oct 09 Javascript
详细介绍8款超实用JavaScript框架
Oct 25 Javascript
javascript操作css属性
Dec 30 Javascript
javascript实现页面内关键词高亮显示代码
Apr 03 Javascript
JavaScript获取网页支持表单字符集的方法
Apr 02 Javascript
Ajax使用原生态JS验证用户名是否存在
May 26 Javascript
原生JS轮播图插件
Feb 09 Javascript
详谈js中数组(array)和对象(object)的区别
Feb 27 Javascript
vue二级路由设置方法
Feb 09 Javascript
js实现同一个页面,多个enter事件绑定的示例
Oct 10 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
Oct 24 Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 #Javascript
jquery获取多个checkbox的值异步提交给php
Jul 07 #Javascript
浅谈jQuery中setInterval()方法
Jul 07 #Javascript
javascript数组排序汇总
Jul 07 #Javascript
javascript编写贪吃蛇游戏
Jul 07 #Javascript
Javascript编写2048小游戏
Jul 07 #Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 #Javascript
You might like
德生PL990,目前市面上唯一一款便携式插卡蓝牙全波段高性能收音机
2021/03/02 无线电
PHP通用检测函数集合
2006/11/25 PHP
php使用正则表达式提取字符串中尖括号、小括号、中括号、大括号中的字符串
2020/04/05 PHP
yii2.0整合阿里云oss删除单个文件的方法
2017/09/19 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
laravel框架中间件简单使用方法示例
2020/01/25 PHP
javascript实现的listview效果
2007/04/28 Javascript
js关闭父窗口时关闭子窗口
2013/04/01 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
2014/06/05 Javascript
JavaScript的null和undefined区别示例介绍
2014/09/15 Javascript
JavaScript定时器和优化的取消定时器方法
2015/07/03 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
谷歌showModalDialog()方法不兼容出现对话窗口的解决办法
2016/02/15 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
说说AngularJS中的$parse和$eval的用法
2017/09/14 Javascript
JsChart组件使用详解
2018/03/04 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
vue.js 实现a标签href里添加参数
2019/11/12 Javascript
es6数组includes()用法实例分析
2020/04/18 Javascript
python 将大文件切分为多个小文件的实例
2019/01/14 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
保时捷设计:Porsche Design
2019/03/30 全球购物
施惠特软件测试面试题以及笔试题
2015/05/13 面试题
如何客观的进行自我评价
2013/12/17 职场文书
2014全国两会学习心得体会2000字
2014/03/10 职场文书
利群广告词
2014/03/20 职场文书
考博专家推荐信
2014/05/10 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
村委会贫困证明范本
2014/09/17 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
HTML+VUE分页实现炫酷物联网大屏功能
2021/05/27 Vue.js
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle