Person.sayHello(); 而在类中,可以使用 static 关键字来定义静态方法: class Person…

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 中都扮演着重要的角色,各有不同的特点和用途。需要根据实际情况选择使用哪个。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索