call、apply和arguements

call()和apply()

这两个方法都是函数对象的方法，需要通过函数对象来调用

当对函数调用call()和apply()都会调用函数执行

function fun(){
    console.log("我是fun函数");
}
fun(); //我是fun函数
fun.call(); // 我是fun函数
fun.apply(); // 我是fun函数

在调用call()和apply()可以将一个对象指定为第一个参数

此时这个对象将会成为函数执行时的this

var obj = {
    name: "obj"
};
var obj2 = {
    name:"obj2"
}
function fun(){
    console.log(this);
}
fun(); // Window
fun.call(obj); // Object { name: "obj" }
fun.call(obj2); // Object { name: "obj2" }

• call()方法可以将实参在对象之后依次传递
• apply()方法需要将实参封装到一个数组中统一传递

function fun(a, b){
    console.log("a = " + a + ", b = " + b);
}
fun.call(obj, 2, 3); // a = 2, b = 3
fun.apply(obj, [2, 3]); // a = 2, b = 3

arguements

在调用函数时，除了this，浏览器每次还会传递进一个隐含的参数：封装实参的对象arguements

arguements是一个类数组对象（并非数组），可以通过索引来操作数据，也可以获取长度

function fun1(){
    console.log(arguments instanceof Array); // false
    console.log(Array.isArray(arguments));   // false
}
fun1();

在调用函数时，我们所传递的实参都会在arguements中保存

我们即使不定义形参，也可以通过arguements来使用实参，只不过比较麻烦

• arguements[0]表示第一个实参
• arguements[1]表示第二个实参

function fun2(){
    console.log("arguments.length = " + arguments.length + ", arguments[0] = " + arguments[0]); 
}
fun2("hello"); // arguments.length = 1, arguments[0] = hello
fun2(true, "hello"); // arguments.length = 2, arguments[0] = true

它里边有一个属性叫做callee，这个属性对应一个函数对象，就是当前正在执行的函数对象

function fun3(){
    console.log(arguments.callee);
    // function fun3(){
    //     console.log(arguments.callee);
    // }
    console.log(arguments.callee == fun3); // true
}
fun3();