第二课 typescript编译及运算符

RexMenGame

已于 2022-02-07 16:20:55 修改

阅读量1.4k

点赞数

分类专栏： CocosCreator 文章标签： typescript javascript 前端

于 2022-01-26 14:35:52 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_46192491/article/details/122701627

版权

CocosCreator 专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了typescript的监测编译过程，包括单文件和多文件监测，并探讨了typescript的各种运算符，如算数、关系、逻辑、位、赋值和三元运算符。此外，还讲解了条件结构、循环结构以及跳出循环的使用方法，最后提到了Math对象的随机函数应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.tsc监测编译

在vscode中修改代码不用重复编译,可直接执行查看结果.

1.单文件监测编译:

①在vscode中选择"资源管理器",“main.ts"文件,鼠标右键单击"在集成终端打开”
在这里插入图片描述

②在"集成终端"输入"tsc main.ts -w"

在这里插入图片描述

③在vscode中选择"资源管理器",“main.ts"文件,鼠标右键单击"在集成终端打开”,输入node main.js直接查看运行结果

PS E:\SixStar\cocosCreator\16> node main.js

2.多文件监测编译

①在vscode中选择"资源管理器",任意ts文件,鼠标右键单击"在集成终端打开"
②在"集成终端"输入"tsc -w",ts文件所在文件夹下的所有ts文件及子文件夹下的所有ts文件进行监测编译

PS E:\SixStar\cocosCreator\16> tsc -w

二.typescript运算符

c++运算符:算数,逻辑,关系,位,赋值,杂项(sizeof,三元运算,&,*,成员运算,逗号运算,类运算符)

typescript运算符:算数,逻辑,关系,位,赋值,杂项(三元

,类型typeof,字符串运算符)

1.算数运算符

加减乘除余,自增,自减
重点;自增自减运算符的前置与后置

2.关系运算符

==
!=
>
<
>=
<=

3.逻辑运算符

&&
||
!

4.位运算符

&	and
|	or
~	取反
^	异或
<<	左移
>>	右移
>>>	无符号

5.赋值运算符

=
+=
-=
*=
/=
%=

6.三元运算符

a>0?:true:false;

7.类型运算符

conlole.log("typeof(a)");

8.连接运算符

let str1 ="大家";
let str2 ="8点";
let str3 ="开黑";
console.log(str1+str2+str3);

三.结构

1.条件

if
if else
if else if else
switch case//key值必须为整型或枚举

2.循环

for

let arr=[1,3,5,7,9];
for (let index = 0; index < arr.length; index++) {
    const element = arr[index];
    console.log("输出数组的值",index,"          ",element)
}

for in
根据数组下标遍历
for of
根据数组元素遍历
while
do while

3.跳出循环

break 跳出全部循环
contuinue 跳出当前循环

四.随机函数

1.Math.random()

返回0-1之间的随机浮点数

2.Math.round(参数1)

返回参数1的四舍五入值

3.示例

    //返回0到seed之间的随机整数
    roundInt(seed) {
        let result = Math.random();//返回0-1之间的随机浮点数
        let result1 = Math.round(result * seed)//将返回的浮点数与seed相乘取整,获得0到seed之间的整数
        console.log("random结果是", result);
        console.log("round结果是", result1);
    }