JavaScript函数内部属性和函数方法实例详解


Posted in Javascript onMarch 17, 2016

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

函数是对象,有自己的属性和方法 。首先通过console下输出的函数属性方法来直观的看一下:

JavaScript函数内部属性和函数方法实例详解

函数内部属性只要包括两个特殊的对象:arguments和this。

函数属性包括:length和prototype

函数方法(非继承)包括:apply()和call()

继承而来的函数方法:bind()、toString()、toLocaleString()、valueOf()

其他的目前不熟,后面再补充

1. 函数内部属性

在函数内部,有两个特殊的对象,arguments和this。

arguments属性

arguments是一个类数组对象,包含传入函数的所有参数,arguments的主要用途是保存函数参数,但这个对象有一个callee属性,该属性是一个指针,指向拥有这个arguments对象的函数,下面是非常经典的阶乘函数。

function factorial (num){
if(num <= 1){
return 1;
} else{
return num * factorial(num-1); 
}
}

定义阶乘函数一般都会用到递归算法,如上面代码所示,在有函数名字,并且函数名字以后也不会改变的情况下,这种定义没问题。但是这个函数的执行与函数名factorial紧紧耦合在了一起,为了消除这种紧密耦合现象(函数名字改变等情况),可以使用arguments.callee。

function factorial(num){
if(num<=1){
return 1;
} else{
return num * arguments.callee(num-1);
}
}

重写后的factorial()函数的函数体内,没有再引用函数名factorial。这样即使改变函数名字,都可以保证正常完成递归调用。例如:

var trueFactorial = factorial; //改变原函数体的指针(保存位置)
factorial = function (){ //factorial 指向返回0的新函数
return 0;
}
alert(trueFactorial(5)); //120
alert(factorial(5)); //0

如果,不使用arguments.callee,那么trueFactorial(5)同样返回0;

this属性

2. 函数的方法

每个函数都包含两个非继承而来的方法:apply()和call()。这两个方法的用途都是在特定的域中调用函数(看到这里木有看懂);其真正强大之处在于能够扩充函数赖以运行的作用域

关于JavaScript函数内部属性和函数方法的相关知识,小编就给大家介绍这么多,希望对大家有所帮助!

Javascript 相关文章推荐
Javascript实现仿WebQQ界面的“浮云”兼容 IE7以上版本及FF
Apr 27 Javascript
js修改input的type属性及浏览器兼容问题探讨与解决
Jan 23 Javascript
jquery删除指定子元素代码实例
Jan 13 Javascript
angularJS 中$scope方法使用指南
Feb 09 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
Aug 02 Javascript
jQuery基于正则表达式的表单验证功能示例
Jan 21 Javascript
Javascript封装id、class与元素选择器方法示例
Mar 13 Javascript
详解HTML5 使用video标签实现选择摄像头功能
Oct 25 Javascript
vue.js实现会动的简历(包含底部导航功能,编辑功能)
Apr 08 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
May 09 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
vue如何使用模拟的json数据查看效果
Mar 31 Vue.js
基于jquery实现简单的分页控件
Mar 17 #Javascript
jQuery实现图片局部放大镜效果
Mar 17 #Javascript
jQuery实现放大镜效果实例代码
Mar 17 #Javascript
node.js使用cluster实现多进程
Mar 17 #Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
Mar 17 #Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 #Javascript
基于socket.io+express实现多房间聊天
Mar 17 #Javascript
You might like
一个简单实现多条件查询的例子
2006/10/09 PHP
利用php绘制饼状图的实现代码
2013/06/07 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
PHP实现的简单AES加密解密算法实例
2017/05/29 PHP
总结PHP内存释放以及垃圾回收
2018/03/29 PHP
Javascript new关键字的玄机 以及其它
2010/08/25 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
jquery+ajax验证不通过也提交表单问题处理
2014/12/12 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
Javascript实现可旋转的圆圈实例代码
2015/08/04 Javascript
javascript中for/in循环及使用技巧
2015/09/01 Javascript
javascript实现获取浏览器版本、浏览器类型
2015/12/02 Javascript
详解AngularJS中module模块的导入导出
2015/12/10 Javascript
如何用js实现鼠标向上滚动时浮动导航
2016/07/18 Javascript
Vue方法与事件处理器详解
2016/12/01 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
详解JS获取HTML DOM元素的8种方法
2017/06/17 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
2017/08/10 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
Dropify.js图片宽高自适应的方法
2017/11/27 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
bootstrap下拉分页样式 带跳转页码
2018/12/29 Javascript
微信小程序封装分享与分销功能过程解析
2019/08/13 Javascript
vue 使用高德地图vue-amap组件过程解析
2019/09/07 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
基于python实现微信好友数据分析(简单)
2020/02/16 Python
Python标准库shutil模块使用方法解析
2020/03/10 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
校园环保标语
2014/06/13 职场文书
安全先进个人材料
2014/12/29 职场文书
营销计划书
2015/01/17 职场文书
西柏坡观后感
2015/06/08 职场文书
Django+Celery实现定时任务的示例
2021/06/23 Python