对象中的apply&call

显式绑定法 apply/call(); 通过显式绑定法可以使用另一个对象中的方法

apply/call()都是JS预定义的方法, 他们都可以用于将一个对象作为参数调用对象方法
FOR example

const person1 = {

  nameFunction: function() {

    return this.name + this.sex + this.age + '岁';

  },

};

const person2 = {

  age: 20,

  sex: '女',

  name: 'Alone'

};

person1.nameFunction.call(person2);// 把函数nameFunction的this指向替换成person2;

call(); 除了可以把对象当参数传过去外, 还能带其他的参数, 形式call(Obj, ...arr);

使用方法

const personClass = {

  name: 'Steve Jobs',

  age: 65,

  sex: '男',

};

const personFun = {

  SpeakFunc: function(a,b,c) {

    return `姓名${this.name}，性别${this.sex}，${this.age}岁，${a+b+c}`

  }

};

personFun.SpeakFunc.call(personClass, '爱好', 'Mac', '电脑');

const hello = 'hello';

const Mac = 'Mac';

const Yo = 'Yo';

personFun.SpeakFunc.call(personClass, {hello}, {Mac}, {Yo});

apply()

基本和call()一样, 区别传参形式不一样, call()分别接收参数, apply()接收数组参数;
实用方法example: Math.max('1','2','3'); => 分别接收参数,如果是一个数组需要取最大值那么用apply
Math.max.apply(null, [1,3,4,5,6]); => 6;
使用方法

const person = {

  interest: '玩球',

  color: 'black',

  house: '太空站',

  sex: '男'

};

const interest = '唱歌',

      color = 'blue',

      house = '火星',

      sex = '女';

let personFun = {

  interest: '唱歌',

  color: 'blue',

  house: '火星',

  sex: '女',

  example: (a, b, c) => {

    // 箭头函数this的指向始终表示定义箭头函数的对象=>window or '其他'

    return `这个${this.sex}人在${this.house}${this.interest}${a}${b}${c}`

  }

};

personFun.example.apply(person, ['好玩','bu','好玩']);

//'这个undefined人在undefinedundefined好玩bu好玩'

// Remark对像函数里面不能写箭头函数

// 改成

let personFun = {

  example: function(a, b, c){

    return `这个${this.sex}人在${this.house}${this.interest}${a}${b}${c}`

  }

};

巴特西

对象中的apply&call

显式绑定法 apply/call(); 通过显式绑定法可以使用另一个对象中的方法

call(); 除了可以把对象当参数传过去外, 还能带其他的参数, 形式call(Obj, ...arr);

apply()

最新文章

热门文章