class 类的使用

150 阅读1分钟

声明 

 class 名字 { }

class people{  name(val){    console.log('名字为',val)  }}

使用

class people{  name(val){    console.log('名字为',val)  }}

class people{  name(val){    console.log('名字为',val)  }  worker(val){    console.log('工作为',val)  }}

let rain = new people  // 实例化

rain.name('桐花')  // 调用  打印 名字为 桐花

在 class 中只有一个函数的时候直接写函数,当存在多个的时候,函数之间不需要写 逗号(,)或者 分号(;),直接写函数就好

this 使用 

class people{  name(val){    console.log('名字为',val)    return val  }  worker(val){    console.log('工作为',val)  }  skill(val){    console.log( this.name('rain') + '的技能'+val)  }}

let rain = new people

rain.skill('前端工作者!')


在 class 中的this指 class 本身,但是 this 调用的函数需要有返回值

类的传参

class people{  name(val){    console.log('名字为',val)    return val  }  worker(val){    console.log('工作为',val)  }  skill(val){    console.log( this.name('rain') + '的技能'+val)  }  constructor(val1,val2){    this.val1 = val1;    this.val2 = val2;  }  add(){    console.log(this.val1 + this.val2)    return this.val1 + this.val2  }}

let rain = new people(2,4)

console.log(rain.add())

rain.add()

constructor 就是有关 本身的参数操作。

类的继承

继承父级方法

class tong_hua extends people{ }

let cloud = new tong_hua;

cloud.name('桐花的继承者!')   //  名字为 桐花的继承者!

本身的方法

class tong_hua extends people{  color(){    console.log('喜欢的颜色是天蓝色!')  }}

cloud.color()  // 喜欢的颜色是天蓝色!

(原文参照)