js中的call和apply用法总结

1.call和apply的作用

  1. 这两个方法的作用是一样的
  2. 每个函数中都包含call和apply。
  3. this总是指向调用某个方法的对象,但是使用call()和apply()方法时,就会改变this的指向。

2.call使用方法示例

var obj1 = {
    
    
      name: 'xxx',
      age: '24',
      func: function (content) {
    
    
        console.log(content+'----名字:'+this.name + '---年龄:' + this.age)
      }
    }

    var obj2 = {
    
    
      name: 'NNN',
      age: '25'
    }
    obj1.func.call(obj2,'say')//say----名字:NNN---年龄:25

说明:call()方法 第一个参数和apply()方法的一样,但是传递给函数的参数必须列举出来。如:obj1.func.call(obj2,‘say’,‘args1’,‘args2’)

3.apply使用方法示例

var obj1 = {
    
    
      name: 'xxx',
      age: '24',
      func: function (content,content1) {
    
    
        console.log('参数:'+content,content1)
        console.log('----名字:'+this.name + '---年龄:' + this.age)
      }
    }

    var obj2 = {
    
    
      name: 'NNN',
      age: '25'
    }
    obj1.func.apply(obj2,['1','2'])//参数:1 2 ----名字:NNN---年龄:25

说明:apply()方法 接收两个参数,一个是函数运行的作用域(this),另一个是参数数组。

Guess you like

Origin blog.csdn.net/qq_42107364/article/details/113942734