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 代码压缩工具小结
Feb 27 Javascript
Javascript学习笔记之函数篇(五) : 构造函数
Nov 23 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
Nov 23 Javascript
JS字符串的切分用法实例
Feb 22 Javascript
实例讲解使用原生JavaScript处理AJAX请求的方法
May 10 Javascript
JS随机打乱数组的方法小结
Jun 22 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
angular过滤器实现排序功能
Jun 27 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
Jul 18 Javascript
JavaScript函数的特性与应用实践深入详解
Dec 30 Javascript
微信小程序实现锚点功能
Nov 20 Javascript
NestJs使用Mongoose对MongoDB操作的方法
Feb 22 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
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
PHP If Else(elsefi) 语句
2013/04/07 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
php中关于长度计算容易混淆的问题分析
2016/05/27 PHP
浅谈ThinkPHP中initialize和construct的区别
2017/04/01 PHP
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
JS代码同步文本框内容的实例方法
2013/07/12 Javascript
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
原生javascript实现的分页插件pagenav
2014/08/28 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
2016/05/25 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
jquery删除数组中重复元素
2016/12/05 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
2017/09/18 Javascript
webpack 4.0.0-beta.0版本新特性介绍
2018/02/10 Javascript
webpack4 SplitChunks实现代码分隔详解
2019/05/23 Javascript
vue前端和Django后端如何查询一定时间段内的数据
2021/02/28 Vue.js
javascript实现倒计时提示框
2021/03/02 Javascript
Python FTP两个文件夹间的同步实例代码
2018/05/25 Python
Win系统PyQt5安装和使用教程
2019/12/25 Python
如何基于Python按行合并两个txt
2020/11/03 Python
python 实现的车牌识别项目
2021/01/25 Python
html5中如何将图片的绝对路径转换成文件对象
2018/01/11 HTML / CSS
澳大利亚家具和家居用品在线商店:Interiors Online
2018/03/05 全球购物
澳大利亚珍珠首饰购物网站:Vayo Pearls
2019/03/11 全球购物
有关打架的检讨书
2014/01/25 职场文书
《在家里》教后反思
2014/03/01 职场文书
3.15国际消费者权益日主题活动活动总结
2014/03/16 职场文书
2014各大专业毕业生自我评价
2014/09/17 职场文书
师德自我剖析材料范文
2014/10/06 职场文书
怎样写辞职信
2015/02/27 职场文书
春风化雨观后感
2015/06/11 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
python中的装饰器该如何使用
2021/06/18 Python
Python+Matplotlib+LaTeX玩转数学公式
2022/02/24 Python
向Spring IOC 容器动态注册bean实现方式
2022/07/15 Java/Android