JavaScript:定义对象object的三种方式

在JavaScript里定义Object有三种方式:对象常量,使用object的构造器定义,以及使用class定义。

方式一、对象常量

使用对象常量的方式是很直接的,直接在定义对象的属性及方法即可,如下:

const bird = {
  name: 'Joe',
  numWings: 2,
  numLegs: 2,
  numHeads: 1,
  fly(){},
  chirp(){},
  eat(){}
}

如果想给对象常量添加更多属性,可以:

bird.sleep = function(){};

方式二、使用Object构造器定义

使用Object构造器定义对象,上面的示例可以改为:

let bird = new Object();
bird.name = 'Joe';
bird.numWings = 2;
bird.numLegs = 2;
bird.numHeads = 1;

这样写有一个不好的地方就是,由于对象是单独添加属性,不利于阅读。

方式三:使用class来定义对象

使用class定义对象就有点像java一样,面向对象编程,示例:

class Bird {
  constructor(name, numWings) {
    this.name = name;
    this.numWings = numWings;
  }
  logProperties() {
    console.log(this)
  }
}
const bird = new Bird('Joe', 2);
bird.logProperties();

如果我们想构造对象是,可以使用new关键字来构造处理。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值