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

 更新时间:2016年03月17日 11:55:41   作者:鳄山维虾壳集思园  
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。通过本文给大家介绍JavaScript函数内部属性和函数方法,感兴趣的朋友一起学习吧

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

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

函数内部属性只要包括两个特殊的对象: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基于面向对象实现的猜拳游戏

    这篇文章主要介绍了JavaScript基于面向对象实现的猜拳游戏,结合完整实例形式分析了javascript基于面向对象实现猜拳游戏的具体页面布局、样式及功能相关操作技巧,需要的朋友可以参考下
    2018-01-01
  • 购物车前端开发(jQuery和bootstrap3)

    购物车前端开发(jQuery和bootstrap3)

    针对购物车的操作,进行产品数量的增加减少,删除购物车中产品项,本文使用JQuery1.11和bootstrap3进行购物车开发,感兴趣的小伙伴们
    2016-08-08
  • 详解ECMAScript typeof用法

    详解ECMAScript typeof用法

    typeof 返回变量的类型字符串值 、其中包括 “object”、“number”、“string”、“undefined”、“boolean”。这篇文章重点给大家介绍ECMAScript typeof用法,需要的朋友参考下
    2018-07-07
  • 简单了解three.js 着色器材质

    简单了解three.js 着色器材质

    这篇文章主要介绍了three.js 着色器材质的相关资料,文中讲解非常详细,代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-08-08
  • ES6如何将 Set 转化为数组示例详解

    ES6如何将 Set 转化为数组示例详解

    这篇文章主要为大家介绍了ES6如何将 Set 转化为数组的方法示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • 浅谈javascript的Array.prototype.slice.call

    浅谈javascript的Array.prototype.slice.call

    发现大多人都用了Array.prototype.slice.call(argments,0),一直不明白这句是干什么的。而昨天温习了slice()方法,再参考Function.call(thisArg[, arg1[, arg2[, ...]]]),还是不得而知(我脑筋转得慢:|)。
    2015-08-08
  • JavaScript的防抖和节流一起来了解下

    JavaScript的防抖和节流一起来了解下

    这篇文章主要为大家详细介绍了JavaScript的防抖和节流,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2022-03-03
  • javascript小技巧  超强推荐

    javascript小技巧 超强推荐

    javascript小技巧 超强推荐...
    2006-08-08
  • 手把手带你入门微信小程序新框架Kbone的使用

    手把手带你入门微信小程序新框架Kbone的使用

    这篇文章主要介绍了手把手带你入门微信小程序新框架Kbone的使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • ES6 Promise对象的应用实例分析

    ES6 Promise对象的应用实例分析

    这篇文章主要介绍了ES6 Promise对象的应用,结合实例形式分析了Promise对象原理与异步处理相关操作技巧,需要的朋友可以参考下
    2019-06-06

最新评论