TypeScript 的发展与基本语法| 青训营笔记

58 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天

1.课程要点:

  • typescript的发展历史:起始于2012年
  • typecript的特性:不同于JavaScript,typescript是静态的弱类型语言
  • 为什么选择typescript?
    • 可读性增强,可维护性增强,有更好的稳定性和开发效率
    • 包含于兼容所有js的特性,支持共存,支持渐进式引入和升级

2.基本语法:

  • 基础数据类型
  • 对象类型
  • 函数类型
  • 函数重载
  • 数据类型
  • 补充类型
  • 联合交叉类型
  • 类型保护与类型守卫
  • 函数返回值类型

3.工程应用:

  • 使用TSC编译
  • 使用webpack进行配置

4.代码实践:

    if (typeof person === 'string') {
        return 'Hello, ' + person;
    } else {
        throw new Error('person is not a string');
    }
}

let user = 'Tom';
console.log(sayHello(user));
    if (typeof person === 'string') {
        return 'Hello, ' + person;
    } else {
        throw new Error('person is not a string');
    }
}

let user = 'Tom';
console.log(sayHello(user));
let age1: string = '1313'
let age2: boolean = true
let a:number|string=111// 联合类型(或)可以是number也可以是string
let age3: undefined = undefined
let age4: null = null
//可以把null undefined赋值给其他类型如:
let num2: number = null//报错把tsconfig.json文件里的严格模式关掉就可以了
//例如for循环
for (let index: number = 0; index < 10; index++) {
    if (index == 6) {
        continue
    }
    console.log(index)

}

4.小结

什么是TypeScript?

TypeScript是一种添加了类型系统的 JavaScript,适用于任何规模的项目。

我们都知道JavaScript是一种弱类型的语言。而TypeScript增强了它的类型。

由于JavaScript 是一门非常灵活的编程语言,这将导致:

  • 它没有类型约束,一个变量可能初始化时是字符串,过一会儿又被赋值为数字。
  • 由于隐式类型转换的存在,有的变量的类型很难在运行前就确定。
  • 基于原型的面向对象编程,使得原型上的属性或方法可以在运行时被修改。
  • TypeScript 的类型系统,在很大程度上弥补了 JavaScript 的缺点。它是静态语言。