js类创建小结
在JavaScript中,有几种方法可以创建类。下面是常见的几种方法:
使用函数构造器(Constructor Function):
1
2
3
4
5
6
7
8
9
10
11function MyClass() {
// 构造函数体
}
// 添加方法到原型上
MyClass.prototype.myMethod = function() {
// 方法体
};
// 创建类的实例
const myObject = new MyClass();使用原型语法糖(Prototype Syntactic Sugar):
1
2
3
4
5
6
7
8
9
10
11
12
13class MyClass {
constructor() {
// 构造函数体
}
// 添加方法
myMethod() {
// 方法体
}
}
// 创建类的实例
const myObject = new MyClass();使用对象字面量(Object Literal):
1
2
3
4
5const myObject = {
myMethod() {
// 方法体
}
};使用工厂函数(Factory Function):
1
2
3
4
5
6
7
8
9
10
11
12
13function createMyObject() {
const myObject = {};
// 添加方法
myObject.myMethod = function() {
// 方法体
};
return myObject;
}
// 创建类的实例
const myObject = createMyObject();使用ES6的
class
关键字:1
2
3
4
5
6
7
8
9
10
11
12class MyClass {
constructor() {
// 构造函数体
}
myMethod() {
// 方法体
}
}
// 创建类的实例
const myObject = new MyClass();
无论选择哪种方法,都可以用来创建类,并添加属性和方法。其中,函数构造器和原型语法糖是传统的面向对象方式,而对象字面量和工厂函数则提供了更简洁的方式,而class
关键字是ES6引入的语法糖,提供了更直观和面向对象的方式来声明类。
值得一提的是,使用class
关键字声明的类是语法糖,实际上还是基于原型继承的。因此,不管选择哪种方法,最终还是会涉及到原型继承的概念。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 胡侃有料的博客!
评论