首页 > web前端 > js教程 > 在 JavaScript 中创建对象的方法

在 JavaScript 中创建对象的方法

Patricia Arquette
发布: 2024-10-13 06:22:02
原创
1046 人浏览过

Methods to create Objects in JavaScript

介绍

在 JavaScript 中创建对象的方法有很多种。

  1. 对象文字
  2. Object() 构造函数
  3. Object.create()
  4. 构造函数
  5. ES6 类

对象字面量

这可能是在 JavaScript 中创建对象最快、最简单的方法。这也称为对象初始值设定项,是一个由零对或多对对象的属性名称和关联值组成的逗号分隔列表,括在大括号 ({}) 中。

const newObject = {} // Simply create a new empty object

const newObject = { 
  someKey: "someValue", 
  anotherKey: "anotherValue" 
}
登录后复制

对象值可以是原始数据类型或其他对象。

Object() 构造函数

您可以使用内置的对象构造函数创建对象。
如果传递的值为 null 或未定义或未传递任何值,则它将创建并返回一个空对象。
如果该值已经是一个对象,则返回相同的值。

// below options create and return an empty object
const ObjWithNoValue = new Object();
const ObjWithUndefined = new Object(undefined);
const ObjWithNull = new Object(null);

const newObject = { 
  someKey: "someValue", 
  anotherKey: "anotherValue" 
}

const sameObject = new Object(someObject);

sameObject['andAnotherKey'] = "one another value";

sameObject === newObject; // both objects are same. 

登录后复制

对象.create()

此方法允许您创建具有特定原型的新对象。这种方法使新对象能够从原型继承属性和方法,从而促进类似继承的行为。

const person = {
  greet: function () {
    console.log(`Hello ${this.name || 'Guest'}`);
  }
}

const driver = Object.create(person);
driver.name = 'John';
driver.greet(); // Hello John
登录后复制

构造函数

在 ES6 之前,这是创建多个相似对象的常用方法。构造函数只不过是一个函数,借助 new 关键字,您可以创建一个对象。

当您使用“new”关键字构造对象时,将函数名称的第一个字符大写是一个很好的做法。

function Person(name, location) {
  this.name = name;
  this.location = location;
  greet() {
    console.log(`Hello, I am ${this.name || 'Guest'} from ${this.location || 'Earth'}`);
  }
}

const alex = new Person('Alex');
alex.greet(); // Hello, I am Alex from Earth

const sam = new Person('Sam Anderson', 'Switzerland');
sam.greet(); // Hello, I am Sam Anderson from Switzerland
登录后复制

ES6级

更现代的方法有助于创建对象,就像其他 OOP 编程语言一样,使用带有构造函数的类来初始化属性和方法。

class Person {
  constructor(name, location) {
    this.name = name || 'Guest';
    this.location = location || 'Earth';
  }

  greet() {
    console.log(`Hello, I am ${this.name} from ${this.location}`);
  }
}

const santa = new Person('Santa');
santa.greet(); // Hello, I am Santa from Earth
登录后复制

参考资料:

  • MDN - JavaScript
  • javascript.info

以上是在 JavaScript 中创建对象的方法的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板