浅谈javascript中的Function和Arguments

所属分类: 网络编程 / JavaScript 阅读数: 583
收藏 0 赞 0 分享

javascript的Function

属性:

1、Arguments对象

2、caller

 对调用单前函数的Function的引用,如果是顶层代码调用,
 则返回null(firefox返回undefined)。
 注:只有在代码执行时才有意义

3、length

 声明函数是指定的命名参数的个数(函数定义是,定义参数的个数)

4、prototype

 一个对象,用于构造函数,这个对象定义的属性和方法
 由构造函数创建的所有对象共享。

方法:

 applay() --> applay(this,[])
 call() --> call(this,可变参数)
 toString()

javascript的Arguments对象

Arguments对象只在函数体内定义,他是一个类数组(是对象不是数组,只是有数组的一些特性)。

说明:

当一个函数被调用的时候,会为该函数创建一个Arguments对象,
局部变量arguments会自动初始化并引用那个Arguments对象(arguments是Arguments对象的引用)

该对象的属性:

1、callee

对当前正在执行的函数的引用

2、length

传递给函数参数的个数(实际传递给函数参数的个数)

arguments特性

arguments对象不能显式创建,arguments对象只有函数开始时才可用。函数的 arguments 对象并不是一个数组,访问单个参数的方式与访问数组元素的方式相同。索引 n 实际上是 arguments 对象的 0…n 属性的其中一个参数。

在javascript中,不需要明确指出参数名,就能访问它们。如:

function hi(){
if(arguments[0]=="andy"){
   return;
}
alert(arguments[0]);

arguments的length属性

含义

返回调用程序传递给函数的实际参数数目。

用法

[function.]arguments.length

其中可选项 function 参数是当前正在执行的 Function 对象的名称。

说明

当 Function 对象开始执行时,脚本引擎将 arguments 对象的 length 属性初始化为传递给该函数的实际参数数目。

js不会主动为你判断你到底给函数传了多少个参数,如果你多传了,多余的部分就没有被使用,如果你少传了,那么没传的参数值就是undefined

所以我们可以借助arguments的length属性来检测调用函数时是否使用了正确数目的实际参数,因为javascript是不会为你做这些事的

arguments 的 0...n 属性

含义

返回一个 arguments 对象中的各个参数的实际值,相应的值是由一个正在执行的函数的 arguments属性返回的。

用法

[function.]arguments[[0|1|2|...|n]]

参数

function

可选项。当前正在执行的 Function 对象的名称。

0, 1, 2, …, n

必选项。0 到 n 范围内的非负整数,其中 0 代表第一个参数而 n 代表最后一个参数。最后参数 n 的值为 arguments.length-1

说明

0 . . . n 属性所返回的值就是传递给正在执行的函数的实际值。尽管实际上并不是一个参数数组,您还是可以按照与访问数组元素的方法相同的方式访问组成 arguments 对象的各个参数。

示例

下面的例子演示了 arguments 对象的 0 . . . n 属性的用法

 

function ArgTest(){
  var s = "";
  s += "The individual arguments are: "
  for (n=0; n< arguments.length; n++){
   s += ArgTest.arguments[n];
   s += " ";
  }
  return(s);
}
print(ArgTest(1, 2, "hello", new Date()));

 arguments的callee属性

含义

表示对函数对象本身的引用,也就是所指定的 Function 对象的正文,这有利于实现无名函数的递归或者保证函数的封装性。

用法

[function.]arguments.callee

可选项 function 参数是当前正在执行的 Function 对象的名称。

说明
callee 属性是 arguments 对象的一个成员,仅当相关函数正在执行时才可用。

callee 属性的初始值就是正被执行的 Function 对象。这允许匿名的递归函数。

实例:

用递归来计算1到n的自然数之和:

 

<script>
 
  var sum=function(n){
   if(1==n) {
    return 1;
   } else {
    return n + arguments.callee(n-1);
   }
  }
  alert(sum(100));
</script>

对函数Function原型prototype的一下说明:

当通过构造函数初始化一个对象的时候,

new关键字通过调用构造函数初始化这个对象,并把新的对象 作为this关键字的值 来传递,

与此同时,new关键字还设置了这个对象的原型,一个对象的原型就是它的构造函数的prototype属性的值

(例如:a = new Date(),a对象的原型就是Date.prototype)

所有的函数都有一个prototype属性,当这个函数【被定义】的时候,prototype属性会自动创建和初始化。

prototype属性的初始化值是一个对象,并且这个对象只有一个属性,这个属性是constructor,

它指回到和原型相关联的那个构造函数。

以上这篇浅谈javascript中的Function和Arguments就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

更多精彩内容其他人还在看

Angular使用Md5加密的解决方法

这篇文章主要介绍了Angular使用Md5加密的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享

详解JS构造函数中this和return

本文通过实例代码给大家介绍了JS构造函数中this和return,需要的朋友参考下吧
收藏 0 赞 0 分享

ES6中Array.find()和findIndex()函数的用法详解

ES6为Array增加了find(),findIndex函数。find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined,而findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。下面通过实例详解,需要的朋友参考下吧
收藏 0 赞 0 分享

JS闭包的几种常见形式实例详解

本文通过实例代码给大家详细介绍了js闭包的几种常见形式,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
收藏 0 赞 0 分享

ES6中Array.copyWithin()函数的用法实例详解

ES6为Array增加了copyWithin函数,用于操作当前数组自身,用来把某些个位置的元素复制并覆盖到其他位置上去。下面重点给大家介绍ES6中Array.copyWithin()函数的用法,需要的朋友参考下
收藏 0 赞 0 分享

Javascript 严格模式use strict详解

严格模式:由ECMA-262规范定义的JavaScript标准,对javascrip的限制更强。这篇文章主要介绍了Javascript 严格模式use strict详解 ,需要的朋友可以参考下
收藏 0 赞 0 分享

引入JavaScript时alert弹出框显示中文乱码问题

今天在HTML中引入JavaScript文件运行时,alert弹出的提示框中文显示为乱码,怎么解决此问题呢?下面小编给大家带来了引入JavaScript时alert弹出框显示中文乱码问题的解决方法,一起看看吧
收藏 0 赞 0 分享

AngularJs 延时器、计时器实例代码

这篇文章主要介绍了AngularJs 延时器、计时器实例代码,需要的朋友可以参考下
收藏 0 赞 0 分享

JS分页的实现(同步与异步)

这篇文章主要介绍了JS分页的实现(同步与异步),需要的朋友可以参考下
收藏 0 赞 0 分享

Angularjs自定义指令实现分页插件(DEMO)

由于最近的一个项目使用的是angularjs1.0的版本,涉及到分页查询数据的功能,后来自己就用自定义指令实现了该功能,下面小编把实例demo分享到脚本之家平台,需要的朋友参考下
收藏 0 赞 0 分享
查看更多