TypeScript基础入门类静态属性

转载

项目实践仓库

https://github.com/durban89/typescript_demo.git
tag: 1.1.3

为了保证后面的学习演示需要安装下ts-node&＃xff0c;这样后面的每个操作都能直接运行看到输出的结果。

npm install -D ts-node

后面自己在练习的时候可以这样使用

npx ts-node 脚本路径

类

静态属性

到目前为止&＃xff0c;只学习了类的实例成员&＃xff0c;那些仅当类被实例化的时候才会被初始化的属性。 我们也可以创建类的静态成员&＃xff0c;这些属性存在于类本身上面而不是类的实例上。 在这个例子里&＃xff0c;我们使用 static定义 origin&＃xff0c;因为它是所有网格都会用到的属性。 每个实例想要访问这个属性的时候&＃xff0c;都要在 origin前面加上类名。 如同在实例属性上使用 this.前缀来访问属性一样&＃xff0c;这里我们使用 Grid.来访问静态属性。

class Grid {constructor(public scale: number) { }static origin &＃61; {x:0,y:0,}calculateDistanceFromOrigin(point: {x: number, y: number}) {let xDist &＃61; point.x - Grid.origin.x;let yDist &＃61; point.y - Grid.origin.y;return Math.sqrt(xDist * xDist &＃43; yDist * yDist) / this.scale;}
}let grid1 &＃61; new Grid(1.0)
let grid2 &＃61; new Grid(2.0)console.log(grid1.calculateDistanceFromOrigin({x: 10, y: 10}));
console.log(grid2.calculateDistanceFromOrigin({ x: 10, y: 10 }));

运行后结果如下

14.142135623730951
7.0710678118654755

本实例结束实践项目地址

https://github.com/durban89/typescript_demo.git
tag: 1.1.4