0

0

js创建对象的几种方式

冷炫風刃

冷炫風刃

发布时间:2025-11-13 09:15:52

|

766人浏览过

|

来源于php中文网

原创

javascript中创建对象有7种方式:1. 字面量方式最简单但无法复用;2. new object()构造函数略显冗长;3. 工厂函数可批量创建但实例原型指向object;4. 构造函数配合new创建实例,但方法重复占用内存;5. 原型方式共享方法节省内存,但引用属性可能被共用;6. 构造函数+原型组合模式兼顾属性独立与方法共享,是标准模式;7. es6 class语法更清晰,支持继承和静态方法,推荐现代开发使用。

js创建对象的几种方式

JavaScript 中创建对象有多种方式,每种都有其适用场景。下面介绍几种常见且实用的方法。

1. 字面量方式创建对象

这是最简单、最常用的方式,适合创建单个对象。

直接使用花括号 {} 定义属性和方法。

const person = { name: '张三', age: 25, sayHello() { console.log('你好,我是' + this.name); } }; person.sayHello(); // 输出:你好,我是张三

优点是语法简洁,缺点是无法复用,不适合创建多个类似对象。

2. 使用 new Object() 构造函数

通过内置的 Object 构造函数创建对象,本质和字面量类似。

const car = new Object(); car.brand = '丰田'; car.year = 2020; car.start = function() { console.log('启动车辆'); };

这种方式略显冗长,现在较少使用,但能帮助理解对象的构造过程。

3. 工厂函数模式

定义一个函数,返回一个对象,用于批量创建相似对象。

function createPerson(name, age) { return { name: name, age: age, sayHello() { console.log('我是' + this.name); } }; } const p1 = createPerson('李四', 30); const p2 = createPerson('王五', 28);

解决了重复创建的问题,但对象无法识别原型,所有实例的 constructor 都指向 Object。

4. 构造函数方式

使用自定义构造函数,配合 new 关键字创建实例。

飞蛙B2B2C商城电商系统
飞蛙B2B2C商城电商系统

飞蛙B2B2C(FeiWa B2B2C)商城系统是山东破浪网络科技有限公司于2017年最新推出的企业级B2B2C电商平台系统,采用PHP5+MySQL技术为基础,OOP(面向对象)方式进行核心框架搭建,结合MVC模式进行开发,可以支持Windows/Unix服务器环境,需PHP5.3及以上版本支持,可运行于包括Apache、IIS和Nginx在内的多种WEB服务器。飞蛙B2B2C(FeiWa B2

下载
function Person(name, age) { this.name = name; this.age = age; this.sayHello = function() { console.log('你好,我是' + this.name); }; } const p1 = new Person('赵六', 35); const p2 = new Person('钱七', 22);

每个实例都有自己的方法副本,存在内存浪费问题。但可以通过 prototype 改进。

5. 原型(prototype)方式

将方法挂载在构造函数的 prototype 上,实现方法共享。

function Animal() {} Animal.prototype.type = '动物'; Animal.prototype.speak = function() { console.log('发出声音'); }; const dog = new Animal(); dog.speak(); // 发出声音

节省内存,方法共用。但所有实例共享属性,若属性是引用类型可能互相影响。

6. 构造函数 + 原型组合模式

目前最常用的创建对象方式:构造函数定义实例属性,原型定义方法。

function Student(name, grade) { this.name = name; this.grade = grade; } Student.prototype.study = function() { console.log(this.name + '正在学习'); }; const s1 = new Student('小明', 3); s1.study(); // 小明正在学习

兼顾了属性独立与方法共享,是 JS 中创建自定义对象的标准模式。

7. ES6 class 语法

ES6 引入的 class 语法,本质上是构造函数的语法糖,更清晰易读。

class Teacher { constructor(name, subject) { this.name = name; this.subject = subject; } teach() { console.log(this.name + '教' + this.subject); } } const t1 = new Teacher('刘老师', '数学'); t1.teach(); // 刘老师教数学

结构清晰,支持继承(extends)、静态方法等,推荐现代开发中使用。

基本上就这些。根据项目需求和环境选择合适的方式即可。不复杂但容易忽略细节。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

106

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

197

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

232

2025.12.24

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

562

2023.09.20

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

870

2024.01.03

python中class的含义
python中class的含义

本专题整合了python中class的相关内容,阅读专题下面的文章了解更多详细内容。

30

2025.12.06

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

530

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

576

2023.07.28

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号