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

　　今天是2015-11-25，今天做了件很傻逼的事。在此向各位网友告诫，有时候做事宁愿武断也不要犹豫，犹豫是万恶之源，是失败之母。在此，向灿和说声抱歉。机会只有一次，且行且珍惜。

　　废话不多讲了，开篇吧。今天总结的内容是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的方法。

好了，基本的就是这样，接下来看看重头戏，this。先看个栗子。我故意写成栗子。

var a = {
    a1 : "this is a1",
    getA1: function(){alert(this.a1);},
    getThis:function(){console.log(this)}
}
a.getA1()//输出this is a1
a.getThis()//输出a的所有内容

function A(){
    console.log("this is A->this",this)
   function aa(){
       console.log("this is aa->this",this)
   }
}
    var a1 = new A()//这里会输出"this is A->this"
    a1.aa()//这里会报undefined

/*******这是华丽的分割线    [email protected]***********/

function A(){
    console.log("this is A->this",this)//这里的this和下面的aa里面的this是一样的
   this.aa = function(){
       console.log("this is aa->this",this)
   }
}
    var a1 = new A()//这里会输出"this is A->this"
    a1.aa()//这里会报这样才会输出"this is aa->this"

/************[email protected]******************/

function A(){
    this.Att = "this is A this Att"

   this.aa = function(){
       this.aat = "this is aat"
       console.log(this.aat)//输出this is aat
       console.log(his.Att)//输出this is A this Att
   }
   console.log("this is A->this",this.aat)//这里是undefined
}
    var a1 = new A()//这里会输出"this is A->this"
    a1.aa()//这里会报这样才会输出"this is aa->this"

/*********====================**********/
function A(){
    this.aat = "this is A this aat A"
       this.aa = function(){
       this.aat = "this is aat aa"
       console.log("this is aa->this",this.aat)//输出aa()里面的this is aat aa
   }
}
    var a1 = new A()//
    a1.aa()//

总结就是，this 由外向里传递，不可逆向，然优先级是由内向外，里面的this取值会优先于外边的。

这个代码不规范，别学。正规编码可要写好。先这样吧。

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