JS函数的定义与调用方法推荐


Posted in Javascript onMay 12, 2016

JS函数调用的四种方法:方法调用模式,函数调用模式,构造器调用模式,apply,call调用模式

1. 方法调用模式:

先定义一个对象,然后在对象的属性中定义方法,通过myobject.property来执行方法,this即指当前的myobject对象。

var blogInfo={
blogId:123,

blogName:"werwr",

showBlog:function(){alert(this.blogId);}
};

blogInfo.showBlog();

2. 函数调用模式

定义一个函数,设置一个变量名保存函数,这时this指向到window对象。

var myfunc = function(a,b){
return a+b;
}

alert(myfunc(3,4));

3. 构造器调用模式

定义一个函数对象,在对象中定义属性,在其原型对象中定义方法。在使用prototype的方法时,必须实例化该对象才能调用其方法。

var myfunc = function(a){
this.a = a;
};
myfunc.prototype = {

show:function(){alert(this.a);}
}

var newfunc = new myfunc("123123123");
newfunc.show();

4. apply,call调用模式

var myobject={};
var sum = function(a,b){
return a+b;
};
var sum2 = sum.call(myobject,10,30); //var sum2 = sum.apply(myobject,[10,30]); 
alert(sum2);

以上这篇JS函数的定义与调用方法推荐就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
[IE&FireFox兼容]JS对select操作
Jan 07 Javascript
extjs实现选择多表自定义查询功能 前台部分(ext源码)
Dec 20 Javascript
js nextSibling属性和previousSibling属性概述及使用注意
Feb 16 Javascript
js实现弹窗插件功能实例代码分享
Dec 12 Javascript
jquery手风琴特效插件
Feb 04 Javascript
通过实例理解javascript中没有函数重载的概念
Jun 03 Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 Javascript
Vue验证码60秒倒计时功能简单实例代码
Jun 22 Javascript
深入理解JavaScript 中的匿名函数((function() {})();)与变量的作用域
Aug 28 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
JS函数本身的作用域实例分析
Mar 16 Javascript
vue element el-transfer增加拖拽功能
Jan 15 Vue.js
使用jQuery实现Web页面换肤功能的要点解析
May 12 #Javascript
JS定义类的六种方式详解
May 12 #Javascript
值得分享和收藏的Bootstrap学习教程
May 12 #Javascript
jQuery中$.each()函数的用法引申实例
May 12 #Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 #Javascript
JavaScript的模块化开发框架Sea.js上手指南
May 12 #Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
May 12 #Javascript
You might like
阿拉伯的咖啡与水烟
2021/03/03 咖啡文化
PHP常用技巧总结(附函数代码)
2012/02/04 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
JQuery文字列表向上滚动的代码
2013/11/13 Javascript
JavaScript中读取和保存文件实例
2014/05/08 Javascript
Thinkphp模板没有解析直接原样输出的解决方法
2014/10/31 Javascript
js实时获取并显示当前时间的方法
2015/07/31 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
2017/01/26 Javascript
关于Bootstrap按钮组件消除黄框的方法
2017/05/19 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
2017/07/20 Javascript
自定义类似于jQuery UI Selectable 的Vue指令v-selectable
2017/08/23 jQuery
基于Vue2.0+ElementUI实现表格翻页功能
2017/10/23 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
angularjs实现对表单输入改变的监控(ng-change和watch两种方式)
2018/08/29 Javascript
Vue开发之watch监听数组、对象、变量操作分析
2019/04/25 Javascript
微信小程序点击顶部导航栏切换样式代码实例
2019/11/12 Javascript
微信小程序组件生命周期的踩坑记录
2021/03/03 Javascript
[01:16:12]完美世界DOTA2联赛PWL S2 FTD vs Inki 第一场 11.21
2020/11/23 DOTA
Python找出9个连续的空闲端口
2016/02/01 Python
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
python+pandas生成指定日期和重采样的方法
2018/04/11 Python
python利用requests库模拟post请求时json的使用教程
2018/12/07 Python
Python socket模块ftp传输文件过程解析
2019/11/05 Python
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
2013/01/09 HTML / CSS
欧舒丹美国官网:L’Occitane美国
2018/02/23 全球购物
Luxplus丹麦:香水和个人护理折扣
2018/04/23 全球购物
护士个人自我鉴定
2014/03/24 职场文书
战略合作协议书范本
2014/04/18 职场文书
作文批改评语大全
2014/04/23 职场文书
小学运动会口号
2014/06/07 职场文书
公务员考察材料
2014/12/23 职场文书
先进事迹材料范文
2014/12/29 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
2015年计划生育责任书
2015/05/08 职场文书
2016教师政治学习心得体会
2016/01/23 职场文书
Netty结合Protobuf进行编解码的方法
2021/06/26 Java/Android