欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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