前端学习第二弹: 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秒弹出一个对话框

 1 function repeat(fn, times, delay) {
 2     return function() {
 3         if(times-- > 0) {
 4             fn.apply(null, arguments);
 5             var args = Array.prototype.slice.call(arguments);
 6             var self = arguments.callee;
 7             setTimeout(function(){self.apply(null,args)}, delay);
 8         }
 9     };
10 }
11
12
13 function comm(s){
14   alert(s);
15   }
16 var Sm=repeat(comm,3,4000);
17 Sm("Can you hear me?");

转载于:https://www.cnblogs.com/Ccf-SongHaoLun/p/6028310.html