js对象创建

什么是对象？

js的对象是无序属性的集合。(其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值)

在js中有一种说法是万物皆对象，其实指的就是可以拥有属性和方法的一个集合。

创建对象的方式

1、字面量方式创建对象

let Person = {
    name: 'jack',
    work: '搬砖',
    day: function () {
        console.log(this.name + this.work);
    }  
};

2、使用new

let Person = new Object();
Person.name = 'jack';
Person.work = '搬砖';
Person.day = function () {
    console.log(this.name + this.work);
}

3、工厂模式

function createPerson(name, work) {
    let Person = new Object();
    Person.name = name;
    Person.work = work;
    Person.day = function () {
        console.log(this.name + this.work);
    }
    return Person;
}

var person1 =  createPerson('lisi', '司机');
var person2 =  createPerson('wangwu', '园丁');

好处：批量生产，创建多个相似的对象
缺点：不知道创建对象的类型是什么。(constructor指向Object，而不是创建它的函数)

4、构造函数

function Person(name, work) {
    this.name = name;
    this.work = work;
    this.day = function () {
        console.log(this.name + this.work);
    }
}

var person1 =  new Person('lisi', '司机');
var person2 =  new Person('wangwu', '园丁');

缺点：每创建一个实例对象，就会把构造函数上的方法复制一遍，浪费内存。

5、原型模式

原型对象：任何一个函数都有一个原型prototype它是一个指针，指向原型对象。
prototype通过调用构造函数而创建对象实例的原型对象，原型上的方法和属性可以被所有的实例对象共享。

function Person() {}
   Person.prototype.name = 'jack';
   Person.prototype.like = '睡觉';
   Person.prototype.work = '司机';
   Person.prototype.firends = ['张三', '李四'];
   Person.prototype.play = function () {
       console.log(`${this.name}喜欢和${this.firends}`);
   }
   let person1 = new Person();
   let person2 = new Person();

6、组合使用构造函数和原型模式

function Person(name, like, work) {
   this.name = name;
   this.like = like;
   this.work = work;
}
Person.prototype.play = function () {
    console.log(`${this.name}喜欢${this.like}`);
}
let person1 = new Person('jack', '睡觉', '司机');
let person2 = new Person('rose', '跑步', '老师');

7、class类

class Cat {
    // 定义构造函数
    constructor(name, color, likename) {
        this.name = name;
        this.color = color;
        this.likename = likename;
        this.like = function() {
           console.log(`${this.color}的${this.name}喜欢${this.likename}`);
        }
    }
}
let cat = new Cat('波斯猫', '白色', '睡觉');