js中的call()、apply()、bind()方法

var a= {
  name:"李四",
  age: "五岁",
  text: function() {
    return this.name+ " " + this.age;
  }
}

let b= {
    name: "张三",
    age: "八岁",
};

console.log(a.text()); // 李四--五岁--undefined--undefined
console.log(a.text.call(b)); // 张三--八岁--undefined--undefined
console.log(a.text.call(b, '身高120', '胸围90')); // 张三--八岁--身高120--胸围90
console.log(a.text.call(b, ['身高120', '胸围90'])); // 张三--八岁--身高120,胸围90--undefined

// apply 的所有参数必须放在数组里传进去
console.log(a.text.apply(b));// 张三--八岁--undefined--undefined
console.log(a.text.apply(b, '身高130', '胸围95')); // CreateListFromArrayLike called on non-object
console.log(a.text.apply(b, ['身高130', '胸围95']));// 张三--八岁--身高130--胸围95

// bind 返回的是一个新的函数，你必须调用它才会被执行; bind 除了返回是函数以外，它 的参数和 call 一样
console.log(a.text.bind(b)()); // 张三--八岁--undefined--undefined
console.log(a.text.bind(b, '身高140', '胸围100')()); // 张三--八岁--身高140--胸围100
console.log(a.text.bind(b, ['身高140', '胸围100'])()); // 张三--八岁--身高140,胸围100--undefined