发布于 5年前

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关键字来构造处理。

©2020 edoou.com   京ICP备16001874号-3