IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 学习TypeScript(第二天) -> 正文阅读

[JavaScript知识库]学习TypeScript(第二天)

今天来说说简单数据类型 javaScript 的简单数据类型有 7 中
string , boolean , number , null , undefined 简称 五虎上将 还有 左右护法 symbol , bigInt
今天主要谈弹 五虎上将 在 typeScript 中的表现 , 在介绍 哼哈二将 void,any 给 他们认识。
在这里提醒大家 , 可以在目标文件夹下面 运行 tsc --init来初始化, 这样就会生成 一个 名为 tsconfig.json 的文件 , 大家可以在这里面进行配置 。

1.布尔

let boo: boolean = false
console.log(boo) // false

let bool: Boolean = false
console.log(bool) // false

let boole : boolean = new Boolean(1) // 报错
console.log(typeof new Boolean(1)) // object
// 不能将类型“Boolean”分配给类型“boolean”。“boolean”是基元,但“Boolean”是包装器对象。如可能首选使用“boolean”。

let boolea: Boolean = new Boolean(1)
console.log(boolea) // [Boolean: true]

前两个的运行结果看似没有问题 ,注意区别 ,然后再看后两个,new Boolean() 与 false 的类型不一样 , 因为Boolean 是js 里面的构造函数 , 然后你 new 了 , 自然得到对象 ,
再去思考 :boolean 与 :Boolean ,后者并不能完全的区分数据类型, 所以 以后还是用 :boolean ,后面一样的,不在赘述。

2.数值

let num: number = 0b1010 // 二进制 表示 10
let numb: number = 0o766 // 八进制 标识 502

console.log(num) // 10
console.log(numb) // 502

// 在es6 中  ob代表 二进制   0o代表8进制

3.字符串

// 声明一个 数组类型
let num: number = 1
let str: string = '明天周末放假了'
let strs: string = `${str},距离过年还有${num}个月`
console.log(strs) //明天周末放假了,具体过年还有1个月

ts 也是支持模板字符串的 , 请放心食用

4.null 与 undefined

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

console.log(n) // null
console.log(u) // undefined

基础食用 ,

观察如下代码的赋值情况, 程序并没有报错

let num: number = 12
let u: undefined = undefined
num = u
console.log(num) // undefined

let str: string = 'ts真好玩'
let n: null = null
str = n
console.log(str) // null
.
.
.
.
.
.
// 其他类型也一样

结论 : null 与 undefined 类型的变量可以赋值给其他类型的变量
问 :这是为啥呢 , 明明数据类型都不一样
答 :undefined 和 null 是所有类型的子类型 ,所以才可以这样的
(记得关闭 tsconfig.json中的"strictNullChecks": false 默认是)大概意思 在进行类型检查时,要考虑’ null ‘和’ undefined ',而我们选择false ,就是把它关闭了

5.空值 (void)

let vo: void = undefined

function voi(): void {
	console.log('我没有return哦')
}

如果一个函数没有返回值就把他赋值成void , 注意写的地方哦。
大家可能还会提到这样一个疑问 ,只能赋值为undefined 那不是可 undefined 类型一样了么 。
前面说过 undefined 与 null 是所有类型的子类呀,而这个void 就不能赋值给其他变量。因为它不是儿子呀。

6.任意值 (any)


let an: any = '123'
an = 333
console.log(an) // 333

这个any该怎么说呢.正如网友所说
请添加图片描述
流畅的很,爽得很,但是它不严谨啊,它不中用啊!!!

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章           查看所有文章
加:2021-12-14 15:50:58  更:2021-12-14 15:53:43 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:31:56-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码