Function 对象属性和方法

function test (a,b,c,d) {
    console.log(‘len(实参个数):‘,arguments.length) // len(实参个数): 3
    console.log(‘callee(函数本身):‘,arguments.callee) // callee(函数本身): ƒ test (a,b,c,d) {...}
    console.log(‘callee.length(形参个数):‘,arguments.callee.length) // callee.length(形参个数): 4
    console.log(‘指定参数：‘,arguments[0],arguments[1],arguments[arguments.length - 1])// 指定参数： hello (3) [1, 2, 3] {a: 999}
} 
test(‘hello‘,[1,2,3],{a:999})

function test (a,b,c,d,e,f,g) {
    console.log(‘len:‘,test.length) // len: 7
}
test()

// call 的基本用法：fn.call第一个参数指向o，所以前三个参数this.a、this.b、this.c分别对应o的a、b、c，
// fn.call的第二部分参数（除第一个参数以外的参数）分别是fn函数原本的参数，对应d、e、f
var o = {a:1,b:2,c:3}
function fn(d,e,f) {
    console.log(this.a,this.b,this.c,d,e,f)
}
fn.call(o,3,4,5) // 1 2 3 3 4 5


// 在子构造函数中，可以通过调用父构造函数的 call方法来实现继承。示例中，使用 Singer和 Writer 构造函数创建的对象实例都会拥有在 Person构造函数定义的 name属性 和 age属性，但 skill属性 是在各自的构造函数中定义的。
function Person(name, age) {
  this.name = name;
  this.age = age;
}

function Singer(name, age) {
  Person.call(this, name, age);
  this.skill = ‘sing‘;
}

function Writer(name, age) {
  Person.call(this, name, age);
  this.skill = ‘writing‘;
}

var ZXY = new Singer(‘学友‘, 20);
var LX = new Writer(‘树人‘, 30);

// apply的基本用法与 call一样，不同在第二部分参数：
// fn.apply 第一个参数指向o，所以前三个参数this.a、this.b、this.c分别对应o的a、b、c，
// fn.apply 的第二部分参数（除第一个参数以外的参数）是一个数组或类数组对象，数组里面每个元素分别对应fn函数原本的参数，示例中3，4，5分别对应d、e、f
var o = {a:1,b:2,c:3}
function fn(d,e,f) {
    console.log(this.a,this.b,this.c,d,e,f)
}
var args = [3,4,5]
fn.apply(o,args) // 1 2 3 3 4 5

// 合并数组
var array = [‘a‘, ‘b‘];
var elements = [0, 1, 2];
array.push.apply(array, elements);
console.info(array); // ["a", "b", 0, 1, 2]

// bind 的基本用法：fn.bind第一个参数指向o，所以前三个参数this.a、this.b、this.c分别对应o的a、b、c，
// fn.bind的第二部分参数（除第一个参数以外的参数）分别是fn函数原本的参数，对应d、e、f
// 需要注意的是bind返回一个未立即执行的函数，需要接收调用
var o = {a:1,b:2,c:3}
function fn(d,e,f) {
    console.log(this.a,this.b,this.c,d,e,f)
}
var nfn = fn.bind(o,3,4,5); // nfn接收返回的函数
nfn() // 1 2 3 3 4 5