js创建对象的5种基本方式(实例)
程序员文章站
2022-06-14 12:21:32
如何在js中创建对象,一直是一个值得关注的问题。有很多人在博客上进行了总结,但由于没有权威的定义,导致某些方式有多种不同的命名以及不同的变体。下文将介绍我总结的5种方式,如果没有遗...
如何在js中创建对象,一直是一个值得关注的问题。有很多人在博客上进行了总结,但由于没有权威的定义,导致某些方式有多种不同的命名以及不同的变体。下文将介绍我总结的5种方式,如果没有遗漏的话,其他一些本文没有提及的创建方式应该都是下面5种方式的别名或者变体。欢迎各位读者在评论区补充我没有总结到的基本方式
1.直接字面量
let person={ key:value, ...... }
2.构造函数法
function person(value){ this.key=value;//this作用域:当前对象 ...... } let wopelo=new person("博主");
3.原型方式
function person(){} person.prototype.key=value; ...... let wopelo=new person();
4.混合方式(构造函数与原型方式组合)
function person(value){ this.key=value; ...... } person.prototype={ key:value ...... } let wopelo=new person("博主");
5.工厂方式
function person(value){ let o=new object(); o.key=value; ...... return o; } //注意有没有new都会返回内部的对象o let wopelo=person("wopelo");