JS高级之构造函数

最新推荐文章于 2023-10-26 21:03:50 发布

葡萄籽啊

最新推荐文章于 2023-10-26 21:03:50 发布

阅读量179

点赞数 1

分类专栏： JS高级文章标签： js

本文链接：https://blog.csdn.net/qiuqiudongdong/article/details/109080547

版权

JS高级专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中的四种对象创建模式：Object构造函数模式、对象字面量模式、工厂模式和自定义构造函数模式，以及它们的适用场景和潜在问题。此外，还讨论了构造函数与原型的组合模式，以优化对象创建。这些模式对于理解和优化JavaScript代码的效率至关重要。

摘要由CSDN通过智能技术生成

1. Object构造函数模式：

套路：

先创建Object对象，再动态添加属性/方法

适用场景：

起始时不确定对象内部数据

问题：

语句太多

<script>
var a = new Object()
p.name = 'tom'
p.age = 18
p.setName = function(name){
this.name = name
}
p.setName('JACK')
console.log(p.name,p.age)
</script>

2.对象字面量模式：

套路：

使用{}创建对象，同时指定属性/方法

适用场景：

起始时对象内部数据是确定的

问题：

如果创建多个对象，有重复代码

<script>
var p = {
name :'tom',
age :18,
setName:function (name){
this.name = name
}
}
console.log(p.name,p.age)
p.setName('JACK')
console.log(p.name,p.age)
</script>

3.工厂模式：

套路：

通过工厂函数动态创建对象并返回

适用场景：

需要创建多个对象

问题：

对象没有一个具体的类型，都是Object类型

<script>
function createPerson（name，age）{
var obj = {
name :'tom',
age :18,
setName:function (name){
this.name = name
}
}
return obj
}
var p1 = createPerson('Tom',12)
var p2 = createPerson('Bob',13)
console.log(p.name,p.age)
console.log(p.name,p.age)
</script>