Day5-TypeScript(TS)宣告

今天要进入程序码的部分了。
我会以JavaScript(JS)为基础做比较与解释,
同时也了解两者在使用上的差异。

宣告变数

JS语法

let 变数名称 = 变数初始值 ;

首先以JS为范例,
若要宣告x为数字型别5的话,
程序如下,

    let x = 5 ;

当然也能分开写

    let x ;
    x = 5 ;
TS语法

let 变数名称 : 型别 = 变数初始值 ;

逐一说明如下表,

语法 解释
let 关键字
变数名称 留自以外的任意名称
: (运算子)区隔符号
型别 使用Type Annotation 来指名变数型别;
= (运算子)指定值
变数初始值 要放到变数中的值
; 程序句字结束符号,非必要

TS因为型别安全机制,
因此宣告变数都要先宣告型别或是推论型别,
将上述程序改成TS语法如下,

  • 写法一
    宣告变数型别,同时给值
    let x : number = 5 ;
  • 写法二
    先宣告变数型别,後给值
    let x : number ;
    x = 5 ;
  • 写法三
    推论型别,依照所给的值,自动推论型别
    let x = 5 ;

宣告常数

JS语法 与 TS语法 相同

const 常数名称 = 常数值 ;

宣告常数有几项需要特别注意

  • 常数一定要给予初始值
  • 常数名称不可重复宣告
  • 可限定常数在的有效范围在某一区块(Block Scope)之中

范例如下,

    const pi = 3.14 ;

今日结语

其实说来说去,
相信大家都能看出TS在型别上的值重要性,
只要是站在开发者的角度来看,
抓好变数的型别也会让开发与维护更加有效率且更容易维护,
希望大家都对型别有些了解了,
明天就来讲些基础资料型别吧~


<<:  RESTful_API

>>:  D19: 工程师太师了: 第10话

Day 24. Test Server Side Rendering

Test Server Side Rendering 开宗明义地说: 你无法使用 Vue Test ...

[VSCodeVim] 官方文件没有详述的实用技巧:以virtualedit所解决的情境为例

(图源:Tim Pope's twitter) [系列文目录] 这篇文章会介绍一个VSCodeVi...

egg(nodejs) 执行 shell script 动态增加 nginx server_name

有时候反向代理的域名 会需要新增 透过 api server接收後 执行sh 动态来为 nginx ...

Kotlin Android 第7天,从 0 到 ML - list 、set 和 map

前言: 今天要介绍的是list set 和 map。 大纲: List 是只可读 , 不可修改 va...

灵异现象 - 怎麽大家都能改阿

灵异现象 - 怎麽大家都能改阿 灵异现象 故事主角:小新 小新的 IT 同事小王最近转部门跑去做 R...