前端学习 第二弹: 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?");