【TypeScript】TypeScript基础语法快速入门 Kj59Fq1n

泛亚电竞

泛亚电竞

快速入门

0 、基础TypeScript简介

  1. TypeScript是语法JavaScript的超集。
  2. 它对JS进行了扩展,向JS中引入了类型的快速概念,并添加了许多新的特性 。
  3. TS代码需要通过编译器编译为JS,然后再交由JS解析器执行 。入门
  4. TS完全兼容JS,换言之,任何的基础JS代码都可以直接当成JS使用。
  5. 相较于JS而言,TS拥有了静态类型,更加严格的语法语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;同样的功能,TS的代码量要大于JS,但由于TS的代码结构更加清晰,变量类型更加明确,在后期代码的维护中TS却远远胜于JS 。

1  、快速TypeScript 开发环境搭建

  1. 下载Node.js

    • https://nodejs.org/dist/
  2. 安装Node.js

    【TypeScript】TypeScript基础语法快速入门 Kj59Fq1n

  3. 使用npm全局安装typescript

    • 进入命令行
    • 输入:npm i -g typescript
  4. 创建一个ts文件

  5. 使用tsc对ts文件进行编译

    • 进入命令行

    • 进入ts文件所在目录

    • 执行命令:tsc xxx.ts

2、入门基本类型

  • 类型声明

    • 类型声明是基础TS非常重要的一个特点

    • 通过类型声明可以指定TS中变量(参数 、形参)的语法类型

    • 指定类型后,当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错

    • 简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值

    • 语法:

      • let 变量: 类型;let 变量: 类型 = 值;function fn(参数: 类型, 参数: 类型): 类型{"@babel/core": "^7.12.9","@babel/preset-env": "^7.12.7","babel-loader": "^8.2.2","clean-webpack-plugin": "^3.0.0","core-js": "^3.8.0","html-webpack-plugin": "^4.5.0","ts-loader": "^8.0.11","typescript": "^4.1.2","webpack": "^5.6.0","webpack-cli": "^4.2.0","webpack-dev-server": "^3.11.0"}}
        chatgpt免费软件,chatgpt api 免费接口,chatgpt 聊天机器人教程,chatgpt 指令大全,chatgpt app

        【TypeScript】TypeScript基础语法快速入门

        ChatGPT驱动的内容策略与SEO

        ChatGPT作为一种先进的自然语言生成技术 ,可以为您的快速SEO内容策略注入新的活力。通过与ChatGPT合作  ,入门您可以轻松地生成大量高质量的基础文章 、博客帖子和页面内容,语法吸引更多的快速访问者并提升网站在搜索引擎中的排名。ChatGPT的创造性和灵活性使其成为SEO内容创作的有力工具 ,有助于增强您的在线存在和影响力。


 

相关信息

(内容如有侵权,请联系我们删除) Copyright © 1999-2023 泛亚电竞 版权所有 粤ICP备13043781号