JavaScript 对象创建的三种方法详解

作者:代码拾荒

时间:2026-10-24

浏览:105

本文介绍 JavaScript 中创建自定义对象的三种常用方法:构造函数法、Object 对象创建法和对象初始化器方式。通过 Dog 和 Cat 实例演示如何定义属性与方法,解析实例属性与私有属性的区别,并说明无需实例即可访问的静态属性实现方式,帮助开发者掌握基础对象创建技巧。

文章目录
1:构造函数法

构造函数法

  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


注解:


1:此处定义了一个 Dog 对象(在 JavaScript 中,函数即为对象,因此 function Dog(name,weight) 同时充当构造函数),并通过 new 关键字创建了一个名为 dog 的对象实例。


2:其中 _name、_weight、_show、_sex 为实例 dog 的属性。可以通过:实例名.属性名 或 实例名[“属性名”]访问实例属性,即 dog._name=dog["_name"]。


3:在构造函数(此处 function Dog(name,weight) 同时也是构造函数)中定义的属性会附加到所有实例上,例如:var dog1=new Dog(…);dog1 会有 _name、_weight、_show 属性,但是 _sex 属性只为 dog 实例专有,它不会被加载到其他对象上。


2:Object创建法:

object 对象提供了一种创建自定义对象的简单方法,不需要再定义构造函数。


Object 创建法

  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


注解:


这里使用 Object 对象创建了一个 cat 实例。


3:对象初始化器方式

对象初始化器方式

  

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


注解:


1、这里其实我们已经实现了静态的属性和方法,无须创建实例。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章