TypeScript中的原始数据类型和Any类型

536 阅读2分钟

这是我参与11月更文挑战的第14天,活动详情查看:2021最后一次更文挑战 在Javascript中数据类型分为两大类分别是原始类型和Object

原始值(primitive values)

除 Object 以外的所有类型都是不可变的(值本身无法被改变)。例如,与 C 语言不同,JavaScript 中字符串是不可变的(译注:如,JavaScript 中对字符串的操作一定返回了一个新字符串,原始字符串并没有被改变)。我们称这些类型的值为“原始值”。

参考:developer.mozilla.org/zh-CN/docs/…

这些原始值分别是:

  1. 布尔类型
  2. Null类型
  3. Undefined类型
  4. 数字类型
  5. BigInt类型
  6. 字符串类型
  7. 符号类型

那么这些原始值类型在TypeScript都有一一对应的类型

那么我们先定义一个Boolean类型来练习:

let isDone: boolean = false
isDone = 123

那么我们如果想将isDone赋值为123会报错报错信息如下:

剩下的对应的类型:

let age: number = 20

let firstName:string = 'xiaochen'
let message:string = 'Hello,${firstName}'

let u:undefined = undefined
let n:null = null

注意:undefinednull是所有类型的子类型也就是说undefinednull可以赋值给其他类型。

示例:

let num:number = undefined
let myname:string = null

Any类型(任意值)

有时候,我们会想要为那些在编程阶段还不清楚类型的变量指定一个类型。 这些值可能来自用户输入或第三方代码库。 这种情况下,我们不希望类型检查器对这些值进行检查而是直接让它们通过编译阶段的检查。 那么我们可以使用any类型来标记这些变量:

let notSure:any = 4
notSure = 'string'
notSure = true
notSure.getName()

总结

  • JavaScript中的原始值类型在TypeScript都有一一对应的类型
  • 当我们不清楚应该给变量指定什么类型时可以使用any类型

拓展

undefinednull的区别

null表示"没有对象",即该处不应该有值。

  1. 作为函数的参数,表示该函数的参数不是对象。
  2. 作为对象原型链的终点。
Object.getPrototypeOf(Object.prototype)
// null

undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。

  1. 变量被声明了,但没有赋值时,就等于undefined。
  2. 调用函数时,应该提供的参数没有提供,该参数等于undefined。
  3. 对象没有赋值的属性,该属性的值为undefined。
  4. 函数没有返回值时,默认返回undefined。
var a;
// undefined
function f(i){console.log(i)}
// undefined
var o = new Object()
// undefined

简单理解就是我们声明一个必要的变量却不知道应该给他什么值时应该赋值为undefined,所以undefined是一个初始值,而 null 则表示一个变量被人为的设置为空对象,而不是原始状态。

参考:www.ruanyifeng.com/blog/2014/0…