JavaScript-对象基本用法与创建方法-CSDN博客

本文链接：https://blog.csdn.net/2401_84094506/article/details/138472152

属性修改与增加

直接赋值：obj.name=xxx 或 obj.[‘name’]=xxx
批量赋值：Object.assign(obj, {age:18, gender:‘man’, …})
修改原型：obj.proto.xxx=‘xx’ 或 Object.prototype.xxx=‘xx’ ,但要注意的是，修改原型的操作需要十分注意并小心，有可能带来更多的bug
以特定对象作为原型建立对象：

let common = { sex: “male”, age: 66566 };
let obj = Object.create(common); //以common为原型建立对象
Object.assign(obj, { name: “Troy”, looks: “handsome” }); //批量添加属性

创建对象的方法

工厂模式

function createPerson(name, job) {
var o = new Object()
o.name = name
o.job = job
o.sayName = function() {
console.log(this.name)
}
return o
}
var person1 = createPerson(‘Jiang’, ‘student’)
var person2 = createPerson(‘X’, ‘Doctor’)

可以无数次调用这个工厂函数，每次都会返回一个包含两个属性和一个方法的对象。

缺点：工厂模式虽然解决了创建多个相似对象的问题，但是没有解决对象识别问题，即不能知道一个对象的类型。

构造函数模式

function Person(name, job) {
this.name = name
this.job = job
this.sayName = function() {
console.log(this.name) }
}
var person1 = new Person(‘Jiang’, ‘student’)
var person2 = new Person(‘X’, ‘Doctor’)

没有显示的创建对象，使用new来调用这个构造函数，使用new后会自动执行如下操作

创建一个新对象
这个新对象会被执行[[prototype]]链接
这个新对象会绑定到函数调用的this
返回这个对象

缺点：使用构造函数创建对象，每个方法都要在每个实例上重新创建一次。

原型模式

function Person() {
}
Person.prototype.name = ‘Jiang’
Person.prototype.job = ‘student’
Person.prototype.sayName = function() {
console.log(this.name)
}
var person1 = new Person()

将信息直接添加到原型对象上。使用原型的好处是可以让所有的实例对象共享它所包含的属性和方法，不必在构造函数中定义对象实例信息。

缺点：原型中所有属性实例是被很多实例共享的，这种共享对于函数非常合适。对于那些包含基本值的属性也勉强可以，毕竟实例属性可以屏蔽原型属性。但是引用类型值，就会出现问题。

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

这是使用最为广泛、认同度最高的一种创建自定义类型的方法。它可以解决上面那些模式的缺点。使用此模式可以让每个实例都会有自己的一份实例属性副本，但同时又共享着对方法的引用；

function Person(name) {
this.name = name
this.friends = [‘Shelby’, ‘Court’]
}
Person.prototype.sayName = function() {
console.log(this.name)
}
var person1 = new Person()
var person2 = new Person()
person1.friends.push(‘Van’)
console.log(person1.friends) //[“Shelby”, “Court”, “Van”]
console.log(person2.friends) // [“Shelby”, “Court”]
console.log(person1.friends === person2.friends) //false

动态原型模式

动态原型模式将所有信息都封装在了构造函数中，初始化的时候，通过检测某个应该存在的方法时候有效，来决定是否需要初始化原型

function Person(name, job) {
// 属性
this.name = name
this.job = job

// 方法
if(typeof this.sayName !== ‘function’) {
Person.prototype.sayName = function() {
console.log(this.name)
}
}
}
var person1 = new Person(‘Jiang’, ‘Student’)
person1.sayName()

只有在sayName方法不存在的时候，才会将它添加到原型中。这段代码只会初次调用构造函数的时候才会执行。

此后原型已经完成初始化，不需要在做什么修改了，这里对原型所做的修改，能够立即在所有实例中得到反映。

寄生构造函数模式

这种模式的基本思想就是创建一个函数，该函数的作用仅仅是封装创建对象的代码，然后再返回新建的对象。

function Person(name, job) {
var o = new Object()
o.name = name
o.job = job
o.sayName = function() {
console.log(this.name)