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);