四种对象表示法

Object构造函数构建

var person = new Object();
person.name = "zyx";
person.age = 20;
alert(person.name);    // zyx

对象字面量表示法

var person = {};
var person = {
    name: 'zyx';
    age: 20;
    5: 5;
};

相对来说形式更简单一些,我们访问name值时,可以用person.name,但是访问5这个值的时候,必须使用person[5]

工厂模式

function createPerson(name, age) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.sayname = () {
        alert(this.name);
    };
    return o;
}
var person1 = createPerson('zyx', 20);

构造函数

1
2
3
大专栏  四种对象表示法/>4
5
6
7
8

function Person(name,age) {
    this.name = name;
    this.age = age;
    this.sayname = () {
        alert(this.name);
    };
}
var person1 = new Person('zyx', 20);

原型创建对象

function Person() {}
Person.prototype.name = 'zyx';
Person.prototype.age = 20;
Person.prototype.sayname = (){
    alert(this.name);
};
var person1 = new Person();
person1.sayname();

组合使用

function Person(name, age) {
    this.name = name;
    this.age = age;
}
Person.prototype = {
    constructor: Person,
    sayName: () {
        alert(this.name);
    };
}
var person1 = new Person('zyx', 20);