在 JavaScript 中创建对象的 5 种方法

2023-11-19 javascript

以下示例是关于Javascript中包含在 JavaScript 中创建对象的 5 种方法用法的示例代码，想了解在 JavaScript 中创建对象的 5 种方法的具体用法？在 JavaScript 中创建对象的 5 种方法怎么用？在 JavaScript 中创建对象的 5 种方法使用的例子？那么可以参考以下相关源代码片段来学习它的具体使用方法。

文件名：app.js[英]：5 ways to create an Object in JavaScript源码类型：Javascript

// https://levelup.gitconnected.com/5-ways-to-create-an-object-in-javascript-55d556193ee8

// 1 . Object Literals
const car = {
  make: 'Toyota',
  model: 'Corolla',
  year: 2021
};

console.log(car);


// 2. The new Object() Syntax
const person = new Object();
person.name = 'John';
person.age = 30;
person.isEmployed = true;

console.log(person);


// 3. Constructor Functions
function Smartphone(brand, model, year) {
  this.brand = brand;
  this.model = model;
  this.year = year;
}

const myPhone = new Smartphone('Apple', 'iPhone 13', 2021);
console.log(myPhone);


// 4 The Object.create() Method
const animal = {
  type: 'Animal',
  displayType: function() {
    console.log(this.type);
  }
};

const dog = Object.create(animal);
dog.type = 'Dog';
dog.displayType(); // Output: Dog


//  ES6 Class Syntax
class Book {
  constructor(title, author, year) {
    this.title = title;
    this.author = author;
    this.year = year;
  }

  getSummary() {
    return `${this.title} was written by ${this.author} in ${this.year}`;
  }
}

const myBook = new Book('1984', 'George Orwell', 1949);
console.log(myBook.getSummary());

本文地址：https://www.itbaoku.cn/snippets/876623.html

上一篇：使用 powershell 导出到文件文件夹 filesname

下一篇：C while 循环阶乘值（递减）

相关教程

Struts 2 教程

Apache Struts 2是一个优雅，可扩展的框架，用于创建企业级Java Web应用程序.该框...

Prototype Framework教程

初学者Prototype教程 - 从简单和简单的步骤学习原型，从基本到高级概念，包括概述，如何使用P...

SAP UI5教程

SAP UI5概述 - 从简单和简单的步骤学习SAP UI5，从基本概念到高级概念，包括概述，架构，...

JavaScript教程

JavaScript概述 - 从简单和简单的步骤学习Javascript从基本概念到高级概念，包括J...

JavaScript教程

JavaScript概述 - 从简单和简单的步骤学习Javascript从基本概念到高级概念，包括J...

PDFbox教程

PDFBox初学者教程 - 从简单和简单的步骤学习PDFBox，从基本到高级概念，包括概述，环境，创...

最新源代码片段分享

getpfppascolo

webgl波纹(屏幕上只有一次)

MATLAB附加行矩阵

屈曲布局离子

经营詹金斯

gcloud列表kubernetes群集

RGBA灰色

将INT转换为MIPS中的字符串

JavaScript用颜色填充圆圈

VUE方法"观察"具有组件定义中的类型"对象".您是否正确地引用了功能?

在科特林汇总

打字稿Mousedown事件

python.exe:没有名为pip的模块

检查对象是否具有Python中的属性

django filter table属性

保存到CSV Ruby

几分钟之后的后年龄

postgresql在两个数据之间获得间隔

laravel在ajax适当的CSRF

未能打开所需的" phpmailer \ phpmailer \ phpmailer"

github中的ingnore大文件

nuke安装

Windows 10无法卸下蓝牙设备

EAS_LOCAL_BUILD_SKIP_CLEANUP

获得前一年的最后一天

java中的f字符串

linq查询从哪里选择

C ++中的2D字符阵列

标题案例JS

SQL查询以获取与加入和计数的数据

热门代码标签

abap actionscript ada apache_conf applescript asciidoc asl assembly assembly_x86 autohotkey basic batchfile c c_cpp cirru clojure coffee coldfusion cpp csharp css d dart delphi diff dockerfile dot ejs elixir elm erlang excel forth fortran fsharp gdscript gitignore glsl go golang graphqlschema groovy haml handlebars haskell haxe html html_ruby ini io jade java javascript json jsoniq jsp jsx julia kotlin latex

在 JavaScript 中创建对象的 5 种方法

相关源代码片段分享

相关文章

相关教程