创建js对象_new+构造函数

1、js面向对象

// 编程语言：类、对象。封装、继承、多态
// 编程思想：构造函数（相当于js中的类）、对象

var obj1 = new Object();
obj1.name = "张三";
obj1.sayHi = function () {
    alert("hello");
};

var obj2 = {
    name: "张三",
    age: 12,
    syaHi: function () {
        alert("hello");
    }
}

// 通过函数（构造函数）创建对象：工厂模式
function CreatPerson (name,age) {
    // 创建一个空的局部对象
    var person = {};
    // 给这个局部对象添加新的属性、方法
    person.name = name;
    person.age = age;
    person.sayHi = function () {
        alert("hello");
    };
    
    // 把新对象返回出去，否则函数外部无法获取到这个对象
    return person;
    
}

// 通过调用函数来创建对象
// 弊端：系统无法判断该对象是由哪个构造函数创建出来的
var obj3 = CreatPerson("宋吉吉", 12);

console.log(obj3 instanceof CreatPerson);       //false


var arr = new Array();
console.log(arr instanceof Array);              //true

var obj4 = new CreatPerson("马容易劈腿",23);
console.log(obj4 instanceof CreatPerson);       //false

2、new构造函数创建

// 1、创建出对象的构造函数
function CreatPerson (name,age){
    // 把对象的属性、方法挂靠在this指针身上，当调用该函数创建对象时，this指针
       就指向这个新对象，挂靠在this上的属性、方法也就被添加进这个对象
    this.name = name;
    this.age = age;
    this.sayHi = function () {
        // 此处的this也指向创建出的对象
        alert(this.name + "hello");
    };
    
}

// 2、通过new调用构造函数来创建对象
var per1 = new CreatPerson('奥斯特洛夫斯基',80);
per1.sayHi();

console.log(per1 instanceof CreatPerson);

var per2 = new CreatPerson('奥利奥',3);

// 判断per1和per2的sayHi方法是否是同一块内存
console.log(per1.sayHi == per2.sayHi);