JavaScript对象方法中绑定实例

  对象方法中绑定
  
  下面实例中,this 是 person 对象,person 对象是函数的所有者:
  
  实例
  
  var person = {
  
  firstName  : “John”,
  
  lastName   : “Doe”,
  
  id         : 5566,
  
  myFunction : function() {
  
  return this;
  
  }
  
  };
  
  实例
  
  var person = {
  
  firstName: “John”,
  
  lastName : “Doe”,
  
  id       : 5566,
  
  fullName : function() {
  
  return this.firstName + ” ” + this.lastName;
  
  }
  
  };
  
  说明: this.firstName 表示 this (person) 对象的 firstName 属性。
  
  显式函数绑定
  
  在 JavaScript 中函数也是对象,对象则有方法,apply 和 call 就是函数对象的方法。这两个方法异常强大,他们允许切换函数执行的上下文环境(context),即 this 绑定的对象。
  
  在下面实例中,当我们使用 person2 作为参数来调用 person1.fullName 方法时, this 将指向 person2, 即便它是 person1 的方法:
  
  实例
  
  var person1 = {
  
  fullName: function() {
  
  return this.firstName + ” ” + this.lastName;
  
  }
  
  }
  
  var person2 = {
  
  firstName:”John”,
  
  lastName: “Doe”,
  
  }
  
  person1.fullName.call(person2);  // 返回 “John Doe”

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64234.shtml

张贴在3