JavaScript 中的类和对象

以你之姓@ 2023-09-28 08:02 11阅读 0赞

#### 类 ####

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

*  [例子][Link 1]

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

JavaScript

复制

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

*  [例子][Link 1]

// 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`关键字将其定义为静态。类中的静态属性和方法不能使用其对象访问，而是可以使用类本身访问。

*  [例子][Link 1]

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 对象-

*  [例子][Link 1]

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

JavaScript

复制

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

*  [例子][Link 1]

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

JavaScript

复制

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

*  [例子][Link 1]

objectName.propertyName;

JavaScript

复制