javascript-MDN笔记-对象

例子：创造一个对象

function Person(first, last, age, gender, interests) {
  this.name = {
    first,
    last
  };
  this.age = age;
  this.gender = gender;
  this.interests = interests;
  this.bio = function() {
    alert(this.name.first + ' ' + this.name.last + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
  };
  this.greeting = function() {
    alert('Hi! I\'m ' + this.name.first + '.');
  };
};

创建Object的四种方法：

1、直接建立：

var person = {
  name: ['Bob', 'Smith'],
  age: 32,
  gender: 'male',
  interests: ['music', 'skiing'],
  bio: function() {
    alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
  },
  greeting: function() {
    alert('Hi! I\'m ' + this.name[0] + '.');
  }
};

2、通过构造器函数：（最上面的例子）

3、通过Object()的构造器：

var person1 = new Object();

或

var person1 = new Object({
  name : 'Chris',
  age : 38,
  greeting : function() {
    alert('Hi! I\'m ' + this.name + '.');
  }
});

4、使用create()方法：（基于一个已经存在的对象创建另一个对象。）

var person2 = Object.create(person1);

注意：此时person2就是拷贝了一个person1，它里面的属性和方法都一样。

-------------------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ------

在传统的 OOP 中，首先定义“类”，此后创建对象实例时，类中定义的所有属性和方法都被复制到实例中。在 JavaScript 中并不如此复制——而是在对象实例和它的构造器之间建立一个连接（作为原型链中的一节），以后通过上溯原型链，在构造器中找到这些属性和方法。

当我们调用person1中的valueOf()方法时，发生什么呢：

person1.valueOf()

• 浏览器首先检查，person1 对象是否具有可用的 valueOf() 方法。
• 如果没有，则浏览器检查 person1 对象的原型对象（即 Person）是否具有可用的 valueof() 方法。
• 如果也没有，则浏览器检查 Person() 构造器的原型对象（即 Object）是否具有可用的 valueOf() 方法。Object 具有这个方法，于是该方法被调用，
  

注意：必须重申，方法和属性没有被复制到原型链中的其他对象——它们只是通过前述的“上溯原型链”的方式访问。

----------------------------------------------------------------------------------------------------------------------------------------

prototype属性和__proto__属性：

1、prototype 属性：在此处定义被继承的成员:

    Object对象中不是所有属性和方法都可以被继承。

继承的属性和方法是定义在 prototype 属性之上的——那些以 Object.prototype. 开头的属性，

而非仅仅以 Object. 开头的属性。prototype 属性的值是一个对象，我们希望被原型链下游

的对象继承的属性和方法，都被储存在其中。

使用技巧：通过此属性修改原有的方法。此时Person下的所有实例的方法都动态更新了。

也可以添加新方法。

Person.prototype.farewell = function() {
  alert(this.name.first + ' has left the building. Bye for now!');
}

但很少将属性定义在prototype属性中：因为下面这种定义方法是错误的，此时的this是全局变量的this不能指定到具体的实例。

Person.prototype.fullName = this.name.first + ' ' + this.name.last;

2、__proto__属性：此处定义当前对象的原型对向：

var Person=function(name,age){
    this.name=name;
    this.age=age;
}
var person1=new Person("tomb",25);
var person2=Object.create(person1);
console.log(person1.__proto__);------结果是Person对象
console.log(person2.__proto__);------结果是person1对象。

----------------------------------------------------------------------------------------------------------------------------------------

3、constructor属性： 指向创建该实例的构造器函数

var Person=function(name,age){
    this.name=name;
    this.age=age;
}
var person1=new Person("tomb",25);
var person2=Object.create(person1);
console.log(person1.constructor);------结果是Person()构造器
console.log(person2.constructor);------结果任然是Person()构造器

constructor属性技巧：通过constructor属性创建一个新对象（适用在没有原始构造器的应用，而只知道它的一个实例）

var person3 = new person1.constructor('Karen', 'Stephenson', 26, 'female', ['playing drums', 'mountain climbing']);

----------------------------------------------------------------------------------------------------------------------------------------

实际上，常用的对象定义模式：在构造器中定义属性，prototype属性上定义方法。

// 构造器及其属性定义

function Test(a,b,c,d) {
  // 属性定义
};

// 定义第一个方法

Test.prototype.x = function () { ... }

// 定义第二个方法

Test.prototype.y = function () { ... }

// 等等……

----------------------------------------------------------------------------------------------------------------------------------------

继承 ：Teacher继承Person（只是继承的一种方法）

第一步：继承属性：

function Teacher(first, last, age, gender, interests, subject) {
  Person.call(this, first, last, age, gender, interests);

  this.subject = subject;
}

第二步：继承方法：

Teacher.prototype = Object.create(Person.prototype);

第三步：设置constructor属性：（不设置，有可能会出错）

Teacher.prototype.constructor = Teacher;