JavaScript 对象创建的三种方法详解
本文介绍 JavaScript 中创建自定义对象的三种常用方法:构造函数法、Object 对象创建法和对象初始化器方式。通过 Dog 和 Cat 实例演示如何定义属性与方法,解析实例属性与私有属性的区别,并说明无需实例即可访问的静态属性实现方式,帮助开发者掌握基础对象创建技巧。
构造函数法
[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、这里其实我们已经实现了静态的属性和方法,无须创建实例。
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式:声明、表达式与箭头函数
2026-11-05 13:50:55
JavaScript中escape、encodeURI和encodeURIComponent对空格的处理差异
2026-11-05 12:47:23
