JavaScript 中的类和对象

类

JavaScript 中的类是在 ES6/ECMAScript2015 中引入的。类是一种带有关键字的函数class。类在严格模式下执行，因此包含静默错误或错误的代码会抛出错误。JavaScript 类可以有一个构造方法，这是一个特殊的方法，每次创建对象时都会调用。构造方法通常用于设置对象的初始值。

• 例子

class Song {
	constructor() {
		this.name;
		this.songBy;
	}
	play() {
		console.log('Song is playing...!');
	}
}

const mySong = new Song();
mySong.play();

JavaScript

复制

JavaScript 中的类支持继承的概念，这意味着子类可以使用extends关键字扩展父类。子类有自己的属性和方法，它可以访问父类的所有属性和方法。子类构造函数使用该super()方法调用父类构造函数。

• 例子

// parent class
class Categories {
	constructor(songData) {
		this.categoryName = songData.categoryName;
		this.categoryDetails = songData.categoryDetails;
	}
}

// child class
class Song extends Categories {
	constructor(songData) {
		super(songData);
		this.artist = songData.artist;
	}
}

const mySong = new Song({
	artist: 'Artist',
	categoryName: 'New Song',
	categoryDetails: 2020
});

JavaScript

复制

JavaScript 类有自己的属性和方法，可以使用static关键字将其定义为静态。类中的静态属性和方法不能使用其对象访问，而是可以使用类本身访问。

• 例子

class Car {
	constructor(name) {
		this.name = name;
	}
	introduce() {
		console.log('This is ' + this.name + ' !');
	}
	static run() {
		console.log('Car is running...!');
	}
}

const myCar = new Car('My Car');
myCar.introduce();

// Calling the static method using class name
Car.run();

JavaScript

复制

对象

JavaScript 中的对象是一个包含属性和方法的唯一实体。大多数时候，变量或数组不足以模拟现实生活中的情况，而为了应对这种情况，JavaScript 允许您创建对象。

创建一个对象：-可以像下面这样创建一个 JavaScript 对象-

• 例子

let objectName = new Object();
objectName.property1 = value1;
objectName.property2 = value2;
objectName.property3 = function() {
	// line of code
}

JavaScript

复制

也可以创建一个 JavaScript 对象，如下所示 -

• 例子

let objectName = {
	property1 = value1;
	property2 = value2;
	property3 = function() {
		// line of code
	}
}

JavaScript

复制

访问对象属性：-可以轻松访问 JavaScript 对象属性，如下所示-

• 例子

objectName.propertyName;

JavaScript

复制

也可以像下面这样访问 JavaScript 对象属性 -

• 例子

objectName["propertyName"];