前端学习 第二弹: JavaScript中的一些函数与对象（1）

前端学习 第二弹: JavaScript中的一些函数与对象（1）

1.apply与call函数

每个函数都包含两个非继承而来的方法：apply()和call()。
他们的用途相同，都是在特定的作用域中调用函数。
接收参数方面不同，apply()接收两个参数，一个是函数运行的作用域(this)，另一个是参数数组。
call()方法第一个参数与apply()方法相同，但传递给函数的参数必须列举出来。

举个例子：

function Person(name,age)
    {
        this.name=name;
        this.age=age;
    }
    /*定义一个学生类*/
function Student(name,age,grade)
    {
        Person.apply(this,arguments);
        this.grade=grade;
    }

var student=new Student("Song",22,"大4");
alert("name:"+student.name+"\n"+"age:"+student.age+"\n"+"grade:"+student.grade);

var MyName={firstName:"Song",lastName:"Haolun"};

function ask(){
  console.log("Hey,"+this.firstName+" "+this.lastName+" ,Can you hear me?");
}
ask.call(MyName);

在给对象参数的情况下,如果参数的形式是数组的时候,比如apply示例里面传递了参数arguments,这个参数是数组类型,并且在调用Person的时候参数的列表是对应一致的(也就是Person和Student的参数列表前两位是一致的) 就可以采用 apply , 如果我的Person的参数列表是这样的(age,name),而Student的参数列表是(name,age,grade),这样就可以用call来实现了,也就是直接指定参数列表对应值的位置(Person.call(this,age,name,grade));

2.argument

arguments 是一种本地、类数组的对象的名称，它存在于每个函数中。 因为生僻，经常被人们忽略，但却是许多魔术般的程序之源。 所有主流 js 库都汲取了 arguments 对象的力量。 它是每一个 javascript 程序员都应当熟知的东西。

在任何函数的内部，你都可以通过变量 “arguments” 访问到它，它是一个包含了该函数被调用时提供的所有实参的“数组”。 但事实上，它并不是一个真正的数组—— typeof arguments 时会返回“object”。 你可以通过数字索引(index)的方式来访问 arguments 中的各个值，它也有和数组一样的 length 属性， 但没有如 push 和 pop 之类的数组的方法。

arguments.callee 包含一个创建 arguments 对象本身的函数的引用用argument.callee实现的隔4秒弹出一个对话框

 function repeat(fn, times, delay) {
     return function() {
         if(times-- > 0) {
             fn.apply(null, arguments);
             var args = Array.prototype.slice.call(arguments);
             var self = arguments.callee;
             setTimeout(function(){self.apply(null,args)}, delay);
         }
     };
 }

 function comm(s){
   alert(s);
   }
 var Sm=repeat(comm,3,4000);
 Sm("Can you hear me?");