背景
我们中工作或者生活中或多或少的听说过class类,那么class到底怎么使用呢?常用的使用又是什么呢?今天我就给大家简单的说一下常用的以及怎么使用等等;如果你想了解很细很细的话,Class 的基本语法 点击这里看文档,哈哈哈...
常用语法
类中常用的方法有一下几个:
- private 只能内部使用
- constructor 方法
- static 静态属性
private
我们可以通过以下的实例中可以看到,当我们在使用day.str的时候会报错的Unexpected identifier(意外的标识符),如果你是用ts写的你在写的时候就会给你提示了(属性"str"为私有属性,只能在类"Day"中访问。)。
错误使用
typescript
class Day {
// 只能内部使用
private str:string;
name:string = '张三'
}
const day = new Day();
console.log(day.str);
console.log(day.name);
正确使用
typescript
class Day {
// 只能内部使用
private str:string = 'private';
setStr() {
return this.str;
}
}
const day = new Day();
console.log(day.setStr()); // 返回:private
constructor
从这儿可以看出,类可以通过 constructor 将值传递进去,然后通过方法返回或者处理相关数据等等。。。
typescript
class Day {
// 只能内部使用
private str:string = 'private';
constructor(str:string) {
this.str = str;
}
setStr() {
return this.str
}
}
const day = new Day('constructor');
console.log(day.setStr()); // 返回:constructor
static
static 是一个静态方法,不能通过实例创建在其内部也不能使用this。
typescript
class Day {
// 只能内部使用
private str:string = 'private';
constructor(str:string) {
this.str = str;
}
setStr() {
return this.str
}
static getStr() {
return 'static';
}
}
const day = new Day('constructor');
console.log(Day.getStr()); // 返回:static
示例
我们可以做一个简单的加减方法;仅供参考; 我发现类中有get和set方法,如果你想多个操作然后获取最后的结果值的话;可以通过get去封装操作。大家可以根据自己的使用场景去封装搭建自己需要的。
typescript
class Day {
total:number = 30;
constructor(total:number = 30) {
this.total = total;
}
add(num:number) {
this.total = this.total + num;
return this.prop;
}
reduce(num:number) {
this.total = this.total - num;
}
get prop () {
return this.total;
}
}
const day = new Day();
console.log(day.add(30)); // 60
day.add(30);
day.reduce(20);
console.log(day.prop); // 70
总结
我最开始对类并不是很了解,自己写了几个dome之后发现还挺好的,貌似队列就可以用类的方法来实现,等我研究研究。下期给大家带来队列的实现方式。