ES6 Class 是 ECMAScript 2015 (ES6) 引入的一种新
▥前端
𝄐 0
es6 class用法,es6中的class常见使用场景,es6class类,es6class类用法,es6 class set,es6 class this
ES6 Class 是 ECMAScript 2015 (ES6) 引入的一种新的语言特性,它提供了一种更加清晰、简洁的面向对象编程方式。它的基本语法如下:
1. 使用 class 关键字来定义一个类;
2. 在类中使用 constructor 方法来初始化属性;
3. 定义类的方法时不需要使用 function 关键字;
4. 对于类的实例方法和访问器属性,可以使用 get 和 set 关键字。
下面是一个简单的 ES6 Class 的例子:
js
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
get birthday() {
return new Date().getFullYear() - this.age;
}
sayHello() {
console.log(Hello, my name is ${this.name}.);
}
}
const john = new Person('John', 25);
john.sayHello(); // 输出 "Hello, my name is John."
console.log(john.birthday); // 输出 1998
在上面的例子中,我们定义了一个名为 Person 的类,该类具有两个属性 name 和 age,以及两个方法 sayHello 和 birthday。其中,constructor 方法用于初始化 name 和 age 属性,get birthday() 方法用于获取 age 属性对应的出生年份,sayHello 方法用于输出欢迎信息。最后,我们创建了一个名为 john 的 Person 实例,并调用了其 sayHello 方法和 birthday 访问器属性。
ES6 Class 是 ECMAScript 2015 (ES6) 引入的一种新的语言特性,它提供了一种更加清晰、简洁的面向对象编程方式。它的基本语法如下:
1. 使用 class 关键字来定义一个类;
2. 在类中使用 constructor 方法来初始化属性;
3. 定义类的方法时不需要使用 function 关键字;
4. 对于类的实例方法和访问器属性,可以使用 get 和 set 关键字。
下面是一个简单的 ES6 Class 的例子:
js
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
get birthday() {
return new Date().getFullYear() - this.age;
}
sayHello() {
console.log(Hello, my name is ${this.name}.);
}
}
const john = new Person('John', 25);
john.sayHello(); // 输出 "Hello, my name is John."
console.log(john.birthday); // 输出 1998
在上面的例子中,我们定义了一个名为 Person 的类,该类具有两个属性 name 和 age,以及两个方法 sayHello 和 birthday。其中,constructor 方法用于初始化 name 和 age 属性,get birthday() 方法用于获取 age 属性对应的出生年份,sayHello 方法用于输出欢迎信息。最后,我们创建了一个名为 john 的 Person 实例,并调用了其 sayHello 方法和 birthday 访问器属性。
本文地址:
/show-277565.html
版权声明:除非特别标注原创,其它均来自互联网,转载时请以链接形式注明文章出处。