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 相关文章推荐
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
jQuery Timelinr实现垂直水平时间轴插件(附源码下载)
Feb 16 Javascript
jQuery实现区域打印功能代码详解
Jun 17 Javascript
AngularJS基础 ng-keyup 指令简单示例
Aug 02 Javascript
打造自己的jQuery插件入门教程
Sep 23 Javascript
react路由配置方式详解
Aug 07 Javascript
JavaScript实现三级级联特效
Nov 05 Javascript
vue.js获得当前元素的文字信息方法
Mar 09 Javascript
浅谈vue项目打包优化策略
Sep 29 Javascript
JS数组扁平化、去重、排序操作实例详解
Feb 24 Javascript
vue中提示$index is not defined错误的解决方式
Sep 02 Javascript
vue 如何从单页应用改造成多页应用
Oct 23 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
PHP 和 HTML
2006/10/09 PHP
PHP实现图片裁剪、添加水印效果代码
2014/10/01 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
PHP判断是否连接上网络的方法
2015/07/01 PHP
Yii框架布局文件的动态切换操作示例
2019/11/11 PHP
[原创]静态页面也可以实现预览 列表不同的显示方式
2006/10/14 Javascript
setAttribute 与 class冲突解决
2008/02/17 Javascript
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
jQuery中 noConflict() 方法使用
2013/04/25 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
2015/04/12 Javascript
JavaScript中字符串(string)转json的2种方法
2015/06/25 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
小程序如何获取多个formId实现详解
2019/09/20 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
python调用shell的方法
2013/11/20 Python
Python字符串、元组、列表、字典互相转换的方法
2016/01/23 Python
Python编程之列表操作实例详解【创建、使用、更新、删除】
2017/07/22 Python
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
Python网络编程 Python套接字编程
2017/09/13 Python
pytorch numpy list类型之间的相互转换实例
2019/08/18 Python
Pandas 缺失数据处理的实现
2019/11/04 Python
TensorFlow dataset.shuffle、batch、repeat的使用详解
2020/01/21 Python
Python使用itcaht库实现微信自动收发消息功能
2020/07/13 Python
用python对excel查重
2020/12/07 Python
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
Python使用openpyxl复制整张sheet
2021/03/24 Python
工商行政管理专业求职书
2014/05/23 职场文书
争做文明公民倡议书
2014/08/29 职场文书
2015年女职工工作总结
2015/05/15 职场文书
Mysql查询时间区间日期列表,不会由于数据表数据影响
2022/04/19 MySQL
GoFrame基于性能测试得知grpool使用场景
2022/06/21 Golang