class
知识点
// 1. 使用 class 声明类
// 2. constructor 定义构造函数初始化
// 3. extends 继承父类
// 4. super 调用父级构造方法
// 5. static 定义静态方法和属性
// 6. 父类方法可以重写
1. ES5 方法构造函数
function Phone(brand, price) {
this.brand = brand
this.price = price
}
Phone.prototype.call = function() {
console.log('我被用来打电话')
}
2. ES6 方法构造函数
class Phone {
static nation = '中国'
// 构造方法，名字不可修改
constructor(brand, price) {
this.brand = brand
this.price = price
}
// 方法必须使用该语法，不能使用 ES5的对象完整形式（带冒号那种）
call() {
console.log('我可以联系远方的她——' + Phone.nation)
}
}
3. ES6构造函数继承
class Phone {
static name = '华为'
constructor(type, size) {
this.type = type
this.size = size
}
call() {
console.log('我能打电话')
}
}
// 继承
class superPhone extends Phone {
constructor(type, size, color, price) {
super(type, size)
this.color = color
this.price = price
}
phone() {
console.log('我可以拍照')
}
playGame() {
console.log('我可以打游戏')
}
// 重写父类方法
call() {
console.log('我可以视频通话')
}
}
let s1 = new superPhone('iPhone', '12', '蓝', '8999')
4. get 和 set
class Phone {
get price() {
console.log('获取了价格')
return '价格'
}
// 注意 set 方法必须有一个参数
set price(newVal) {
console.log('修改了价格')
}
}
let s = new Phone()
