前端学习 第二弹: 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 属性, 但没有如 pushpop 之类的数组的方法。

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?");
上一篇:asp.net mvc 客户端验证


下一篇:用python+selenium导入excel文件