JavaScript 中的对象

一、理解对象

var person = new Object()
person.name = "Nicholas" // person 实例对对象的属性为 name ，值为 "Nicholas"
person.age = 29 // person 实例对对象的属性为 age ，值为 29

person.sayName = function() {
    alert(this.name)
}  // person 实例对象的方法名 sayName 方法为 打印当前的 name

var person = {
    name: "Nicholas",
    age: 29,
    123: '123',
    sayName: function(){
        alert(this.name)
    }
}

通过点语法访问对象属性 如上述例子

console.log(person.name)    // 打印 name 值为 "Nicholas"
console.log(person.age)    // 打印 name 值为 29

通过方括号访问对象属性

console.log(person[name])    // 输出 "Nicholas"
console.log(person[123])    // 输出 "123"

访问对象方法

console.log(person.sayName())   // 输出 "Nicholas"

二、工厂模式

function Person(name, age) {
    var o = new Object();
    o.name = name
    o.age = age
    return o
}
var person1 = Person("小明", 12)
var person2 = Person("小刚", 14)

三、构造函数模式

function Person(name, age) {
    this.name = name
    this.age = age
}
var person1 = new Person("小明", 12)
var person2 = new Person("小刚", 14)

alert(person1.constructor == Person);  // true
alert(person2.constructor == Person); // true

alert(person1 instanceof Person);  // true
alert(person2 instanceof Person);  // true

四、构造函数的问题

function Person(name, age) {
    this.name = name
    this.age = age
    this.play = function() {
        alert("打游戏")
    }
}
var person1 = new Person("小明", 12)
var person2 = new Person("小刚", 14)
alert(person1.play());  // 打游戏
alert(person1.play == person2.play); //false

五、Prototype（原型）模式

function Person(name, age) {
    this.name = name
    this.age = age
}
Person.prototype.play = function() {
    alert("打游戏")
}
// 然后在生成实例
var person1 = new Person("小明", 12)
var person2 = new Person("小刚", 14)
alert(person1.play == person2.play); //true

六、Prototype（原型）的一些方法

alert("name" in person1) // true
alert("age" in person1) // true
for (var newDemo in person1){
    alert(`person1的属性为：${newDemo}，值为${person1[newDemo]}`)
  }

alert(Person.prototype.isPrototypeOf(person1)) // true
alert(Person.prototype.isPrototypeOf(person2)) // true

alert(person1.hasOwnProperty("name")) // true

JS 对象

原文：https://www.cnblogs.com/earthZhang/p/12313149.html