TypeScript基础

简介: TypeScript基础

1. 什么是TypeScript:

Typed JavaScript at Any Scale. 添加了类型系统的 JavaScript,适用于任何规模的项目。


TypeScript 是添加了类型系统的 JavaScript,适用于任何规模的项目。TypeScript 是一门静态类型、弱类型的语言。


TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性。


TypeScript 可以编译为 JavaScript,然后运行在浏览器、Node.js 等任何能运行 JavaScript 的环境 中。


TypeScript 拥有很多编译选项,类型检查的严格程度由你决定。


TypeScript 可以和 JavaScript 共存,这意味着 JavaScript 项目能够渐进式的迁移到 TypeScript。


TypeScript 增强了编辑器(IDE)的功能,提供了代码补全、接口提示、跳转到定义、代码重构等 能力。


TypeScript 拥有活跃的社区,大多数常用的第三方库都提供了类型声明。


TypeScript 与标准同步发展,符合最新的 ECMAScript 标准(stage 3)。

2.ts与js的区别:

TypeScript 是 JavaScript 的超集,扩展了 JavaScript 的语法,因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改,TypeScript 通过类型注解提供编译时的静态类型检查。TypeScript对js中的ts进行编译,注意只是编译以及限制数据类型,在编译中体现,不会对ts运行。

3. 安装TypeScript命令行工具:

一般而言,ts都是编译成js后再执行js,如果想一步到位,可以安装ts-node

npm install -g typescript

4.基础数据类型:

在js中,分基础数据类型和引用数据类型

基础类型有:string、boolean、number、null、undefined

引用数据类型:function、array、object。
在ts中:

基础类型有:string、boolean、number、null、undefined

此处不要使用String、Boolean、Number等,这几个表示的是构造函数,不是基础数据类型。
TypeScript 程序由以下几个部分组成:

  • 模块
  • 函数
  • 变量
  • 语句和表达式
  • 注释
    ts要比js严格:
//这种写法ts会报错,而在js是可以的
let str="lengyuexin";
str=1024

原因是因为str初始化的值是字符串,赋个其他类型的数据,所以报错

正确的写法:

let str="lengyuexin";
str="1024"

接口声明合并:

接口中的属性在合并时会简单的合并到一个接口中:

interface Alarm {
  price: number;
}
interface Alarm {
  weight: number;
}

相当于:

interface Alarm {
  price: number;
  weight: number;
}

限制类型基础:

function sayHello(text: string) {// 在 TypeScript 中,我们使用 : 指定变量的类型
 return `hello ${text} !`;
}
let text = "world";
console.log(sayHello(text));
相关文章
|
4月前
|
JavaScript
TypeScript 详解之 TypeScript 模块
TypeScript 详解之 TypeScript 模块
|
5月前
|
JavaScript 前端开发 安全
TypeScript在项目中应用
【8月更文挑战第4天】TypeScript在项目中应用
49 0
|
6月前
|
JavaScript 前端开发 安全
如何学习typescript?
【7月更文挑战第9天】1. 了解其为JavaScript超集,增加类型系统和ES6特性,提升代码安全性和效率。 2. 安装 TypeScript 全局 (`npm install -g typescript`),用`tsc -v`验证,或尝试在线的TypeScript Playground。 3. 学习类型注解、基础类型(如number、string、boolean等)、any与unknown,接口和类。 4. 探索高级特性,如泛型、模块&命名空间、装饰器。 5. 实践中巩固知识,如做小项目(如用React或Vue),阅读官方文档,参与社区讨论。持续编码和实践是关键。
46 0
|
8月前
|
JavaScript 安全
TypeScript中any unkown never的区别
TypeScript中any unkown never的区别
|
JavaScript IDE 前端开发
|
JavaScript 前端开发
|
JavaScript 前端开发
初识TypeScript -基础一
初识TypeScript -基础一
116 0
|
JavaScript
TypeScript学习(2)
常量枚举 只需要在枚举前面加const,会内联枚举,提高计算性能
79 0
|
JavaScript 前端开发
TypeScript学习(1)
一、概述 1、什么是Typescript? 官方网站的定义是: TypeScript 是 JS 类型的超集,TypeScript 是一个js的外壳,需要编译成浏览器可识别的javascript才可以运行。
82 0
|
JavaScript 前端开发 Java
学习TypeScript-1
TypeScript才是前端开发的未来
181 58