系统学习 TypeScript(四)——变量声明的初步学习
前言
认识了 TypeScript 中的基础类型,接下来当然是变量声明的相关学习了。
声明多维数组
假如有这么一个声明:
let arr3: number[][][];
想要知道 arr3 的具体类型,其分析步骤如下:
可以看到,类型拆解是从右向左的,对应到具体变量值上就是从外向内一层层拆解的。
这里只是举个例子,稍微有点经验的人一眼就能判断出 arr3 是一个三维数组。但是,授人以鱼不如授人以渔,这个分析方法却适用于绝大多数复杂数据类型分析。
属性重命名
在有了 ES6 的解构赋值之后,我们可以这么声明变量:
let personInfo1 = {name: "编程三昧",age:22
}
let {name: nameP, age: ageP} = personalInfo1;
以上代码声明了 nameP 和 ageP 两个变量。需要注意的是:变量声明中,冒号后面跟的不是数据类型,而是新声明来替代原对象属性值的变量。
如果在 TypeScript 中,要指定 nameP 和 ageP 的数据类型,需要这么写:
let { name: nameP, age: ageP }: { name: string; age: number } = personInfo1;
其实这个类型指定可以放在对象声明中,指定对象每一项属性值的类型:
let personInfo1: { name: string; age: number } = {name: "编程三昧",age: 22
};personInfo1.name = 12; // Error 不能将类型“number”分配给类型“string”// let {name: nameP, age: ageP} = personInfo1;
let { name: nameP, age: ageP } = personInfo1;nameP = 12; // Error 不能将类型“number”分配给类型“string”
let 和 const 的暂时性死区
以下代码在 TypeScript 中不会报错,但是在实际运行中会报错。
function foo(): number {return a1;
}
foo();let a1: number = 12;
实际运行报错:
我自己的理解是:静态编译时只负责检测数据类型是否正确,而动态运行时才会检测语法逻辑错误,恰好暂时性死区是在运行时才产生的。
总结
以上就是我在学习 TypeScript 变量声明时所记录的注意事项和总结。
- ~
- 本文完,感谢阅读!
~
学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂!
大家好,我是〖编程三昧〗的作者 隐逸王,我的公众号是『编程三昧』,欢迎关注,希望大家多多指教!
系统学习 TypeScript(四)——变量声明的初步学习相关推荐
- PL/SQL学习笔记-常量变量及数据类型初步
一:常量和变量 开始之前,还是照例做个经典的例子,如下: declare mydate varchar2(16) := 'hellow world'; begindbms_output.put_lin ...
- javaweb学习总结(四十二)——Filter(过滤器)学习
一.Filter简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态 ...
- 深度学习(四十三)——深度强化学习(6)AlphaGo全系列
AlphaGo全系列 AlphaGo算是这波AI浪潮的里程碑事件了.如果说AlexNet让学术界重新认识了DL的话,AlphaGo则让大众都认识到了DL的威力.我也是在AlphaGo的感召之下,投身M ...
- 深度学习(四十)——深度强化学习(3)Deep Q-learning Network(2), DQN进化史
Deep Q-learning Network(续) Nature DQN DQN最早发表于NIPS 2013,该版本的DQN,也被称为NIPS DQN.NIPS DQN除了提出DQN的基本概念之外, ...
- 深度学习(四)卷积神经网络入门学习(1)
卷积神经网络入门学(1) 原文地址:http://blog.csdn.net/hjimce/article/details/47323463 作者:hjimce 卷积神经网络算法是n年前就有的算法,只 ...
- javaweb学习总结(四十五)——监听器(Listener)学习二
一.监听域对象中属性的变更的监听器 域对象中属性的变更的事件监听器就是用来监听 ServletContext, HttpSession, HttpServletRequest 这三个对象中的属性变更信 ...
- 深度学习(四十八)InfoGAN学习笔记
- 系统学习 TypeScript(五)——联合类型
前言 在初步学习了 TypeScript 的变量声明后,对它的静态类型检查功能简直是爱不释手,但同时也发现一个问题:在正常的开发中,一个变量的类型有时可能不仅仅只限于 number 或者 string ...
- 微服务实战系列之SpringCloud Alibaba学习(四)
微服务实战系列之SpringCloud Alibaba: 微服务实战系列之SpringCloud Alibaba学习(一) 微服务实战系列之SpringCloud Alibaba学习(二) 微服务实战 ...
最新文章
- CentOS 6和CentOS 7管理系统服务的区别
- 5.成本会计理论的U9系统实现(上)
- c++学习笔记之类的应用
- Go进阶(1): Golang + Goland 研究Redis的基本操作与函数接口
- 更改WebBrowser控件的用户代理
- EMR集群安全认证和授权管理
- AUTOSAR从入门到精通100讲(四十八)-Lin通信协议栈分析两步走-LinTrcvLIN Driver
- 1.1.0-简介-P2-分布式系统的一些基本概念
- ENVI 不规则多边形shp裁剪后Memory灰色显示问题解决
- 爬虫python漏洞群_python3-爬取cnnvd漏洞信息
- php pdf 生成分页,关于XSL生成PDF分页的问题
- @ab测试工具使用详解
- FCM算法的matlab程序
- SylixOS原子量操作
- Linux上层关机和reboot流程
- 【C语言典例】——day8:猜名次
- python简单速成,一行代码写爬虫
- SAM-DETR源码讲解
- [iOS]-单例模式\通知\代理
- 满满干货 | 建议收藏,这样做报价表,才是真的完美又专业.
热门文章
- 项目出现 The superclass “javax.servlet.http.HttpServlet“ was not found on the Java Build Path 解决方法
- 完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
- 从Python中的另一个文件调用函数
- 如何查看Git提交中的更改?
- 在PostgreSQL中创建数据库的副本
- 计算机中的管理应用,计算机在企业管理中应用_29067.doc
- 区块链需要用到mysql吗_区块链和传统数据库有什么区别?
- GPS :NEMA数据解析
- 路径规划之基于插值的规划算法
- js uri解码_js对url进行编码和解码(三种方式区别)(转)