Javascript 精髓整理篇之二（函数篇）postby:http://zhutty.cnblogs.com

今天总结的内容是javascript的function, 涉及到function顺便讲讲this.

　　Function 是javascript的函数，也是js的执行单元。函数是JavaScript的一种基本数据类型。注意，虽然可以用这里介绍的Function()构造函数创建函数对象， 但这样做效率不高，在大多数情况下，建议使用函数定义语句或函数直接量来定义函数。

　　在JavaScriptl.1及以后版本中，函数主体会被自动地给予一个局部变量arguments，它引用一个Arguments对象。该对象是一个数组，元素是传递给函数的参数值。不要将这一属性和上面介绍的反对使用的属性argumentsl)相混淆。详见“Arguments”的参考页。

　　属性：arguments 需要注意的是，这里是传入的实参的值。

arguments[] ： 这个属性呢存储的是function的参数列表。

arguments属性的值为Object类型，返回正在执行的当前函数的arguments对象。

arguments对象包含调用该函数时所传入的实际参数信息，例如：参数的个数和参数的值。我们可以通过arguments属性让函数处理可变数量的参数。

arguments对象有以下三个属性：

length属性，返回实际传入的参数个数。
callee属性，返回当前函数的引用(匿名函数可以使用该属性实现递归调用)。
0...n属性，以顺序索引访问传入的具体参数。例如，使用arguments[0]可以访问传入的第1个参数，arguments[1]可以访问传入的第2个参数

　　属性：caller 这个属性呢，是表示哪个函数调用当前函数。

<script>
function displayDate(a,b,c,d)
{
    hehe()
    console.log(displayDate.arguments);
}
function hehe(){
    alert(hehe.caller);//这里会输出displayDate函数的内容
    alert("hehe1");
}
</script>

　　属性 ： length 这个属性表示函数定义形参的数量

function displayDate(a,b,c)
{
    alert(displayDate.length)//这里将会输出3，表示函数的形参的数量
    console.log(displayDate.arguments);
}

　　属性 ：prototype 这个是函数里边很重要，是一个对象，用于构造函数，这个对象定义的属性和方法由构造函数创建的所有对象共享。

function displayDate(a,b,c)
{
    console.log(displayDate.prototype)//这里将会输出函数的信息，注意输出结果的prototype属性
    //console.log(displayDate.arguments);
}

　　以上执行结果：

　　仔细的同学就会发现，prototype是无限的，这就是javascript的一个语言特性，叫做原型链。javascript实现继承，就可以通过这个机制实现。如：

function A(){
this.a=function(){
alert("a")
}
}

function B(){

this.b=function(){
alert("b")
}
}
B.prototype = new A();//这样B就继承了A
var bb = new B();
bb.a()//输出a

这里插播个插曲，当年去歪~面试，那面试官问我js的超类是什么，我说是Object， 他说是prototype，我也是醉了，哎！！！也是个悲剧时代！！

prototype本身就是一个Object对象。

　　属性 ：name, 这个属性比较简单，就是函数名，是一个字符串类型。

接下来，我们来看看Function的方法吧。

方法：toString() 这个是object的方法，所以，不介绍这个吧，重点是call和apply这两个一起介绍吧。

方法：call 和 apply 这两个都可以用来实现继承，将函数作为指定对象的方法来调用。加prototype一个，js有三种方式实现继承。

call 和 apply的区别的，除了拼写不一样，就剩参数的形式不一样了。apply需要用数组传入参数，而call则没有这个限制。说这些可能大家还是云里雾里的，举个’栗子‘吧。

function A(p1){
alert(p1) //会输出“oooo”
this.a=function(p2){
alert(p2)//会输出“hehe”
}
}

function B(){
//A.call(this,"oooo")//“oooo"是A的构造器的参数
A.apply(this,["oooo"])//"oooo"是A的构造器的参数
this.b=function(){
alert("b")
}
}

var bb = new B();//这个new很重要，没有new下面的不能输出"hehe"

bb.a("hehe")//输出a

我简单的写了一下，不造你们看懂没。这里实现的是B继承A。所以最后的bb可以调用A的方法。

原创作品，转载请注明出处。http://zhutty.cnblogs.com