什么是对象?
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('波斯猫', '白色', '睡觉');