前端禅意花园 前端禅意花园
首页
  • 前端基础

    • html
    • css
    • javaScript
    • ES6
    • typeScript
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《TypeScript从零实现axios》
  • 前端框架

    • Vue
    • React
    • uniapp
    • flutter
    • webpack
  • 学习笔记

    • 《Vue》笔记
nodejs
  • 书籍资源
  • 网站资源
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • 面试
  • 小程序
  • 友情链接
  • 随笔
  • 文章
  • 照片
  • 分类
  • 标签
  • 归档
关于我
GitHub

见路不走

大肚能容容天下难容之事,开口常笑笑天下可笑之人
首页
  • 前端基础

    • html
    • css
    • javaScript
    • ES6
    • typeScript
  • 学习笔记

    • 《JavaScript教程》笔记
    • 《ES6 教程》笔记
    • 《TypeScript从零实现axios》
  • 前端框架

    • Vue
    • React
    • uniapp
    • flutter
    • webpack
  • 学习笔记

    • 《Vue》笔记
nodejs
  • 书籍资源
  • 网站资源
  • 技术文档
  • GitHub技巧
  • 博客搭建
  • 面试
  • 小程序
  • 友情链接
  • 随笔
  • 文章
  • 照片
  • 分类
  • 标签
  • 归档
关于我
GitHub
  • html小菜一碟

  • css无人精通

  • css预编译语言

  • javascript再进一步

  • ECMAScript6一年一更

  • typeScript走向规范

    • 原始数据类型
      • 布尔值
      • 数值
      • 字符串
      • Null和undefined
      • void(空值)
    • 任意值
    • 类型推论
    • 联合类型
    • 对象类型-接口
    • 数组的类型
    • 函数的类型
    • 类型断言
  • 学习笔记

  • 前端三件套
  • typeScript走向规范
见路不走
2020-09-17

原始数据类型

“因为你,我想变成一个更好的人。不想成为你的负担,因此发奋,只想证明,我与你相配” -- 宫崎骏

javaScript的类型分为两种:原始数据类型、对象数据类型;原始数据类型包括:布尔值、数值、字符串、null、undefined、Symbol(ES6)、BigInt(ES6)

# 布尔值

布尔值是最基本的数据类型,在ts中使用boolean定义布尔值类型。

let isDone: boolean = false;
1

注意:

使用构造函数Boolean创造的是对象,而不是布尔值

let createdByNewBoolean: boolean = new Boolean(1);

// Type 'Boolean' is not assignable to type 'boolean'.
//   'boolean' is a primitive, but 'Boolean' is a wrapper object. Prefer using 'boolean' when possible.
1
2
3
4

事实上new Boolean()创造出来的是Boolean对象,Boolean()创造出来的是boolean类型。

let createdByNewBoolean: Boolean = new Boolean(1);

let createdByBoolean: boolean = Boolean(1);
1
2
3

在 TypeScript 中,boolean 是 JavaScript 中的基本类型,而 Boolean 是 JavaScript 中的构造函数。其他基本类型(除了 null 和 undefined)同理。

# 数值

使用number定义数值类型,其中二进制和八进制表示法会被编译为十进制数字

let decLiteral: number = 6;
let hexLiteral: number = 0xf00d;
// ES6 中的二进制表示法
let binaryLiteral: number = 0b1010;
// ES6 中的八进制表示法
let octalLiteral: number = 0o744;
let notANumber: number = NaN;
let infinityNumber: number = Infinity;
1
2
3
4
5
6
7
8
var decLiteral = 6;
var hexLiteral = 0xf00d;
// ES6 中的二进制表示法
var binaryLiteral = 10;
// ES6 中的八进制表示法
var octalLiteral = 484;
var notANumber = NaN;
var infinityNumber = Infinity;
1
2
3
4
5
6
7
8

# 字符串

使用string定义字符串类型

let myName: string = 'Tom';
let myAge: number = 25;

// 模板字符串
let sentence: string = `Hello, my name is ${myName}.
I'll be ${myAge + 1} years old next month.`;
1
2
3
4
5
6

# Null和undefined

在ts中使用null和undefined定义这两个原始类型

let u: undefined = undefined;
let n: null = null;
1
2

注意:

undefined和null是所有类型的子类型,也就是说它们所定义的变量可以赋值给其他类型的变量,

// 这样不会报错
let num: number = undefined;
// 这样也不会报错
let u: undefined;
let num: number = u;
1
2
3
4
5

# void(空值)

在JavaScript中没有空值的概念,但是在ts中可以使用void表示没有任何返回值的函数。声明一个void类型的变量是没什么作用的,因为只能将它赋值为undefined和null。

function alertName(): void {
    alert('My name is Tom');
}
1
2
3

注意:

void类型的变量不能赋值给其他基本类型(undefined、null除外)

#ts
上次更新: 2020/10/14, 21:10:00
Proxy
任意值

← Proxy 任意值 →

最近更新
01
Proxy
01-04
02
经典语录
12-25
03
自定义轮播图组件
12-25
更多文章>
| Copyright © 2020-2021 前端禅意花园 | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式