Person.sayHello();
而在类中,可以使用 static 关键字来定义静态方法:
class Person {
constructor(name) {
this.name = name;
}
static sayHello() {
console.log('Hello, world!');
}
}
const person = new Person('Alice');
Person.sayHello();
7. 类中的属性和方法默认为不可枚举
在类中,定义的属性和方法默认情况下是不可枚举的,而在函数中,定义的属性和方法默认是可枚举的。这意味着,使用 for...in 循环无法遍历类中的属性和方法,需要使用 Object.keys() 方法获取类中的属性和方法。
例如,在下面的代码中,我们定义了一个类和一个函数,它们都包含一个属性和一个方法:
class Person {
constructor(name) {
this.name = name;
}
sayHello() {
console.log(`Hello, my name is ${this.name}.`);
}
}
function PersonFunc(name) {
this.name = name;
}
PersonFunc.prototype.sayHello = function () {
console.log(`Hello, my name is ${this.name}.`);
};
const person = new Person('Alice');
const personFunc = new PersonFunc('Bob');
console.log(Object.keys(person)); // []
console.log(Object.keys(personFunc)); // ['name']
for (const key in person) {
console.log(key); // undefined
}
for (const key in personFunc) {
console.log(key); // 'name' 和 'sayHello'
}
在类中,属性和方法默认是不可枚举的,因此使用 Object.keys() 方法无法获取属性和方法。而在函数中,属性和方法默认是可枚举的,因此使用 for...in 循环可以遍历所有的属性和方法。
8. 类不能被调用
在 JavaScript 中,函数可以被当做构造函数使用,通过使用 new 运算符可以创建一个新的对象。而类不能被直接调用,必须通过使用 new 运算符来创建对象。
例如,在下面的代码中,我们尝试直接调用类:
class Person {
constructor(name) {
this.name = name;
}
sayHello() {
console.log(`Hello, my name is ${this.name}.`);
}
}
Person('Alice'); // TypeError: Class constructor Person cannot be invoked without 'new'
运行上面的代码会抛出一个 TypeError 错误,因为类不能被直接调用。
9. 类方法是严格模式下执行
在类中,所有的方法(包括静态方法和实例方法)都是在严格模式下执行,而在函数中,如果不显式声明为严格模式,方法就会在非严格模式下执行。
总之,类和函数在 JavaScript 中都扮演着重要的角色,各有不同的特点和用途。需要根据实际情况选择使用哪个。