萌新前端TypeScript之旅--申明变量

时间:2021-08-12
本文章向大家介绍萌新前端TypeScript之旅--申明变量,主要包括萌新前端TypeScript之旅--申明变量使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

申明一个变量

一般常用的javascript申明或者说定义一个变量用的是var

var name="小明";

但是在前面我们用到的为

var name:string = "hello word";

可以看到我们申明了name为一个字符串 那么如果说我们在typescript中不声明其为string可以吗

var name = "hello word";

依旧可以编译,因为typescript可以自己推断当前申明的变量类型为字符串(string),但是我们可以将当前变量赋值新的类型吗?

var message = "hello word" ;

var message = 1;

console.log(message);

直接编译报错,所以当一个变量的类型确定后,该变量赋值只允许赋值同类型变量,不允许更改类型

除了使用var 我们还可以使用const声明一个新的变量,来试试

const message = "hello word";
console.log(message);

编译 运行发现依然可以成功打印出 hello word

那如果我想要个message重新赋值可以吗

const message = "hello word";
message = "hello china";
console.log(message);

OK 直接编译报错,所以 const 我自己看做为声明一个常量,这个常量就不能被更改了

如果说我需要声明一个变量让他变成只读,一个数值类型(number)的声明我后面需求要让其赋值字符串(string) 该怎么处理 我们来看看

var  message = "hello word"  as const; 

message = "hello china";
//我们可以看到这样子就会报错 因为我们为message进行了类型断言,然后我们继续其他类型断言试试

var message = "hello word" as number;
//会提示我们无法为string类型变量断言为number 

var message  = "hello word" as unknown;
message = 1;
console.log(typeof(message));
//成功将message从字符串转为number

原文地址:https://www.cnblogs.com/leimon/p/15132087.html