创建对象实例的其他方式

发布于 2021-01-15 15:36:37 字数 1441 浏览 1265 评论 0

  • 方式一:声明一个对象的语法
  • 方式二:使用构造函数

方式三:Object() 构造函数

  • 首先, 您能使用 Object() 构造函数来创建一个新对象。 是的, 一般对象都有构造函数,它创建了一个空的对象。

1、尝试在您浏览器中的 Javascript 控制台中输入以下代码:

var person1 = new Object();

2、这样就在person1变量中存储了一个空对象。然后, 可以根据需要, 使用点或括号表示法向此对象添加属性和方法;试试这个例子:

person1.name = 'Chris';

person1['age'] = 38;

person1.greeting = function() {

alert('Hi! I\'m ' + this.name + '.');

}

3、还可以将对象文本传递给Object() 构造函数作为参数, 以便用属性/方法填充它。请尝试以下操作:

var person1 = new Object({

name : 'Chris',

age : 38,

greeting : function() {

`alert('Hi! I\'m ' + this.name + '.');`

}

});

方式四:使用create()方法

  • JavaScript有个内嵌的方法create(), 它允许您基于现有对象创建新的对象实例。

1、在 JavaScript 控制台中尝试此操作:

var person2 = Object.create(person1);

2、现在尝试这个:

person2.name

person2.greeting()

  • person2是基于person1创建的,具有相同的属性和方法,这非常有用, 因为它允许您创建新的对象实例而无需定义构造函数。
  • 缺点是比起构造函数,浏览器在更晚的时候才支持create()方法(IE9, IE8 或甚至以前相比), 加上一些人认为构造函数让您的代码看上去更整洁 —— 您可以在一个地方创建您的构造函数, 然后根据需要创建实例, 这让您能很清楚地知道它们来自哪里。
  • 但是, 如果您不太担心对旧浏览器的支持, 并且您只需要一个对象的一些副本, 那么创建一个构造函数可能会让您的代码显得过度繁杂。这取决于您的个人爱好。有些人发现create() 更容易理解和使用。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

0 文章
0 评论
84960 人气
更多

推荐作者

6118422078

文章 0 评论 0

Bonjour°[大白

文章 0 评论 0

別甾虛僞

文章 0 评论 0

qq_FynBW0

文章 0 评论 0

浅笑依然

文章 0 评论 0

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文