web 前端入门知识有哪些? 怎么去学好 TypeScript? 学习 Web 前端的同学都知道 JavaScript, 它不仅是前端三要素之一, 也是我们在学习和工作中经常用到的知识点. 但是你知道什么是 TypeScript 吗? 它是 JavaScript 的一个超集, 具备同样强大的功能. 今天就给大家详细介绍一下 TypeScript.
什么是 TypeScript?
TypeScript 是一种编程语言, 它也被称为 JavaScript 的超集. 你可以在 TypeScript 中找到 JavaScript 中的所有功能, 它可以用作大型 JavaScript 应用程序的编程语言.
TypeScript 是一种面向对象的语言, 这种面向对象的语言具有接口, 类, 继承, 模块等功能. TypeScript 附带可选的静态类型系统, 提供对 JavaScript 库的支持, 你可以在任何设备, 浏览器或操作系统上运行 TypeScript.
TypeScript 和 JavaScript 的区别
1, 用法. JavaScript 是一种遵循客户端编程原则的脚本语言, 它适用于开发交互式网页; TypeScript 是一种基于 JavaScript 的开发语言, 用它可以编写简单的 JavaScript 代码, 写出来的代码可以在任何支持 ECMAScript 3 或更新版本的浏览器上运行.
2, 数据绑定. 在 JavaScript 中没有使用接口和类型描述数据的概念, TypeScript 使用接口和类型来描述数据.
3, 生态系统. 你不需要任何构建步骤就能用 JavaScript 编码; 而 TypeScript 带有直观的生态系统. 这样你就可以在项目中加入一些 JavaScript 功能.
4, 原型. JavaScript 没有原型功能; TypeScript 具有原型功能.
TypeScript 有哪些功能值得关注?
1, 未知顶级类型
"unknown" 类型在 TypeScript 3.0 中引入, 作为与 "any" 类型对应的新 "类型安全". 区分 "unknown" 和 "any" 两个概念的关键在于 "unknown" 比 "any" 宽松很多. 你不能访问或调用 / 构造任何 "unknown" 类型的属性.
2,Node.JS 包与 tsconfig.JSON 的继承
使用 TypeScript 3.2 时你可以从 node_modules 解析 tsconfig.JSON. 在处理大型项目时, 这一步骤被证明是很有用的.
3, 数组和元组上的映射类型
在 TypeScript 3.1 中加入了有映射的对象类型, 这意味着不管你在用什么方式使用已存在的映射类型, 这些方法也能直接拿来处理数组和元组.
4, 对 globalThis 进行类型检查
ECMAScript 中的 globalThis 提供了类型检查支持. globalThis 只是一个适用于全局范围的全局变量, 此变量可让你从喜欢的任何环境中轻松访问全局范围.
另外如果你想成为一名优秀的, 高薪的程序员, 关于 Web 前端编程学习, 小编给大家提供一个学习交流的地方, 欢迎到访 Web 前端学习 Qun-- 先 5473; 后 02383 , 要是你对 Web 前端方面有兴趣的话, 不管你是大牛还是小白, 大家都一起成长进步.
5,Const 断言
TypeScript 3.4 引入了一个新的字面值构造, 它被称为 const 断言. 它的语法是一个类型断言, 用 const 断言构造新的文字表达式时, 你可以表示对象字面量带有只读属性, 或者数组具有只读元组.
使用 TypeScript 可以大幅提高生产力, 并轻松构建可靠且可扩展的应用程序. 将它集成到现有的 JavaScript 是非常容易的, 并且它可以轻松地与 React,Angular,Node 和 vue 一起使用. 如果你想学习更多 Web 前端入门需要掌握的知识点, 可以选择专业的学习.
来源: http://www.jianshu.com/p/8c76bc6b9796