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 相关文章推荐
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
简洁短小的 JavaScript IE 浏览器判定代码
Mar 21 Javascript
基于jquery & json的省市区联动代码
Jun 26 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
js判断浏览器类型为ie6时不执行
Jun 15 Javascript
JS中mouseover和mouseout多次触发问题如何解决
Jun 06 Javascript
javascript实现滚动效果的数字时钟实例
Jul 21 Javascript
jquery自定义插件结合baiduTemplate.js实现异步刷新(附源码)
Dec 22 Javascript
Javascript操作dom对象之select全面解析
Apr 24 Javascript
jquery ajax加载数据前台渲染方式 不用for遍历的方法
Aug 09 jQuery
深入了解Hybrid App技术的相关知识
Jul 17 Javascript
Typescript的三种运行方式(小结)
Sep 18 Javascript
使用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
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
PHP编程实现的TCP服务端和客户端功能示例
2018/04/13 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
基于php伪静态的实现方法解析
2020/07/31 PHP
在Javascript中定义对象类别
2006/12/22 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
jquery动画1.加载指示器
2012/08/24 Javascript
Node.js入门教程:在windows和Linux上安装配置Node.js图文教程
2014/08/14 Javascript
JavaScript中的数学运算介绍
2014/12/29 Javascript
node.js操作mongodb学习小结
2015/04/25 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
2015/08/31 Javascript
Bootstrap组件系列之福利篇几款好用的组件(推荐二)
2016/07/12 Javascript
javascript实现获取图片大小及图片等比缩放的方法
2016/11/24 Javascript
bootstrap实现图片自动轮播
2016/12/21 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
浅谈Node框架接入ELK实践总结
2019/02/22 Javascript
Angular6使用forRoot() 注册单一实例服务问题
2019/08/27 Javascript
python实现rest请求api示例
2014/04/22 Python
python利用拉链法实现字典方法示例
2017/03/25 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
python方向键控制上下左右代码
2018/01/20 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
Selenium鼠标与键盘事件常用操作方法示例
2018/08/13 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
Python列表的切片实例讲解
2019/08/20 Python
CSS3属性box-sizing使用指南
2014/12/09 HTML / CSS
英国在线电子和小工具商店:TecoBuy
2018/10/06 全球购物
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
秋季运动会通讯稿
2014/01/24 职场文书
绿化工程实施方案
2014/03/17 职场文书
关于环保的标语
2014/06/13 职场文书
故宫英文导游词
2015/01/31 职场文书
用Python的绘图库(matplotlib)绘制小波能量谱
2021/04/17 Python
PyTorch梯度裁剪避免训练loss nan的操作
2021/05/24 Python
python脚本框架webpy的url映射详解
2021/11/20 Python
Anaconda安装pytorch和paddle的方法步骤
2022/04/03 Python