安装
windows电脑打开cmd,输入以下命令进行安装
npm install -g typescript
安装成功后可以查看ts的版本
tsc -v
我安装的是最新的版本4.8.4
第一个文件
在电脑里创建一个文件夹
创建成功后用vs code打开,并创建一个app.ts文件
输入如下代码
var message:string = "hello world"
console.log(message)
在菜单栏上新建一个终端
在终端里输入编译的命令
tsc app.ts
编译成功后目录里会出现一个app.js的文件
打开app.js相当于是翻译成js的语法
var message = "hello world";
console.log(message);
然后在终端里运行以下命令,控制台输出了hello world
node app.js
创建类
创建一个Site.ts文件
class Site {
name():void {
console.log("Runoob")
}
}
var obj = new Site();
obj.name();
先编译后运行文件,查看效果
变量的声明
var [变量名]:[变量类型] = 值
var name:string = “张三”
var name ;//这里的name的类型是any,初始值是undefined
实例:
var uname:string = "张三";
var score1:number = 53;
var score2:number = 55;
var total:number = score1+score2;
console.log("姓名:",uname)
console.log("分数1",score1)
console.log("分数2",score2)
console.log("总分",total)
类型断言
var str1 = "1"
var str2:number = <number> <any> str1
console.log(str2)
翻译成js后是如下的形式
var str1 = "1";
var str2 = str1;
console.log(str2);
类型推断
如果定义时未明确类型,会根据值进行推断,后续改变类型就会报错
var num = 1;
num = "12";
console.log(num)
变量的作用域
按作用域分,变量分为全局作用域、类作用域、局部作用域
var global_num = 12
class Numbers{
num_val = 13;
static s_num = 11;
storeNum():void {
var local_num = 14
}
}
console.log("global_num",global_num)
var numbers = new Numbers()
console.log("实例变量",numbers.num_val)
console.log("静态变量",Numbers.s_num)