关键词

属性注解组件写法双引号示例默认值强类型冒号基本类型数据类型引用类型组件类型

文字记录

好的，下边我们简单介绍一下属性的定义。在 TypeScript 里边我们可以添加一个类，那类里边又可以来添加属性。
image.png
其实我们可以稍微观察一下，当它给我们创建一个类的时候，已经自动的给我们添加两个示例。通过这两个示例，我们照葫芦画瓢就能够学会。
image.png
你看在这里边定义一个属性叫 label 然后定义了属性叫 text 那么按照我们在上节课的说法，因为它是强类型的，所以在后边要有冒号加上它的类型。这个 label 只是按的是一个 CC 的 label 类型，这是一个组件类型。然后这个是一个 string 类型，也就是基本的数据类型，你还可以添加一些其他的类型。

@property

那么这个@property 什么意思呢？如果你学过 Java 的话或者学过 C#的话应该知道。那这种语法大概就是注解的意思，用来注释的 ，@property 加上之后它就会出现在 cocos 里边的这个面板里边。比如说我们选中佩奇，然后看这个看这个组件。你可以看到在这个组件下边就自动的显示两个属性，一个叫label，一个名叫 test ，那这两个属性来自哪里呢？就是我们这个脚本里边定义的属性，也就说在那里面定义的属性会在这里边可以手工的设置一下。
image.png
现在来演示一下，比如说我们想自己添加一个属性叫 time 也是string 类型，string 是这个 TypeScript 里边的基本类型。我们随便写一下，这样我们也是自己定义了一个属性。但是这样的一个属性并不会显示在 cocos 里边，因为你并没有添加这个注解，你在这里边它会自动刷新一下，你可以看到并没有它对吧？但是如果你把它加上一个注解之后再保存一下，那这里边会自动的刷新，可以看到他们就会自动的添加了一个属性。

image.png image.png

然后我们开发者就可以在这个属性面板里边对它进行初始化设置，这是它这个 @property 它的这个作用。

但是它完整的写法应该是在里边加上它的类型的。我们现在又是基本类型，可以不加。如果是一个其他类型，以后我们学到可以指定一个资源指定一个节点的时候或者指定一个组件的时候，那么这时候就应该加上这个类型了。

所以我们的完整的写法应该是这个样子的

  1. @property
  2. time : string = "2020-8-1";

在这里边加上它的类型才是一个完整的写法。当然对基本类型来说这个可以给省略的。好的，我们也不用细究太深。反正参照他这个说明，无非是基本类型或者是一个引用类型，按照他这个照着写一下就可以了。它的规则那我们来稍微了解一下。
image.png
第一个就是 @property 这个注解的作用，这个注解的作用就是让它出现在 cocosc 属性面板里边。然后这个注解原则上应该是指明类型的，但是对基本类型来说，你可以省略

TypeScript 基本类型有哪些呢？

  • string类型
  • number 类型
  • boolean类型

它后边又新增了一个 bigint 类型，这个类型是 javascript 的最新标准，最新标准里边有一个 bigint 这个类型。

那么在初始版本里边只有前三种类型，前三种类型也就是我们经常使用的类型了。那么需要注意什么呢？需要注意的就是我们这个基本类型它是有一个双引号的，在这里边反正你照着写就能够写得出来，没什么复杂的。

那么 TypeScript 里边这个小写的 number 算是一个基本类型，还有一个大写的类型。