文章目录
- ts是如何编译成js
- js又如何在浏览器运行
TypeScript 代码需要通过【编译器】将其编译成 JavaScript 代码，而 JavaScript 代码则需要在浏览器中
下载、解析和执行，才能最终呈现出页面内容，并与用户进行交互
ts是如何编译成js
摘抄：
编写 TypeScript 代码
开发人员使用 TypeScript 语言编写代码，使用 TypeScript 所提供的类型检查、面向对象等特性。
编译 TypeScript 代码
在编写 TypeScript 代码后，需要使用 TypeScript 编译器将 TypeScript 代码编译成 JavaScript 代码。编译器会将 TypeScript 代码转换为 JavaScript 代码，并在转换的过程中进行类型检查等操作。
生成 JavaScript 代码
编译器会生成 JavaScript 代码文件，这些文件可以直接在浏览器或 Node.js 等 JavaScript 运行环境中运行。
编译TypeScript文件为JavaScript主要涉及以下几个步骤和知识点：
-
安装
TypeScript：首先需要安装TypeScript编译器，可以使用npm或yarn进行安装。 -
创建
tsconfig.json文件：在项目根目录下创建tsconfig.json文件，用于配置TypeScript编译器的选项。 -
编写
TypeScript代码：在项目中编写TypeScript代码，使用TypeScript提供的语法和类型系统。 -
编译
TypeScript代码：执行tsc命令可以将TypeScript文件编译成JavaScript文件。编译器会根据tsconfig.json文件中的配置选项进行编译。 -
类型检查：编译器会对
TypeScript代码进行类型检查，根据定义的类型规则发现潜在的错误。 -
转换为
JavaScript：编译器将TypeScript代码转换为JavaScript代码。它会将TypeScript的特性（如类、接口、模块等）转换为JavaScript代码。 -
生成声明文件：编译器可以根据TypeScript代码自动生成声明文件（.d.ts），用于在JavaScript项目中使用TypeScript编写的库。
-
转译ES版本：编译器可以将TypeScript代码转译为不同版本的JavaScript，例如ES5、ES6等。
-
配置选项：在tsconfig.json文件中可以配置编译选项，如目标版本、模块解析方式、输出目录等。
以上是将TypeScript编译为JavaScript的基本过程和相关知识点。通过以上步骤，可以将TypeScript代码转换为可在浏览器或其他JavaScript环境中执行的JavaScript代码。
js又如何在浏览器运行
摘抄：
下载页面：浏览器通过网络下载 HTML、CSS 和 JavaScript 文件等页面资源。
解析 HTML：浏览器解析 HTML 文件，并构建出 DOM 树。
解析 CSS：浏览器解析 CSS 文件，并构建出 CSSOM 树。
JavaScript 解析与执行：浏览器解析 JavaScript 代码，并执行其中的代码逻辑，修改 DOM 树和 CSSOM 树，以及与服务器进行数据交互等操作。
渲染页面：浏览器将 DOM 树和 CSSOM 树合并，生成渲染树，并将其渲染到屏幕上。
页面交互：用户与页面进行交互，页面响应用户的操作，并根据用户的输入进行相应的处理
JavaScript在浏览器中的运行主要涉及以下几个步骤和知识点：
-
创建HTML文件：首先需要创建一个HTML文件，用于在浏览器中加载和运行JavaScript代码。
-
引入JavaScript文件：在HTML文件中使用
<script>标签引入JavaScript文件。可以将JavaScript代码直接写在<script>标签内，或者通过src属性引入外部JavaScript文件。 -
解析和执行JavaScript代码：浏览器会解析HTML文件，当遇到
<script>标签时，会解析并执行其中的JavaScript代码。执行顺序按照代码在HTML文件中的顺序。 -
创建全局对象和变量：浏览器会在全局作用域中创建一个全局对象（通常是
window对象）。全局作用域中的变量是全局变量，可以在脚本的任何位置访问。 -
处理事件：
JavaScript可以通过监听DOM对象的事件（如点击、滚动、键盘输入等）来响应用户的操作。通过事件处理函数，可以在特定事件发生时执行相应的JavaScript代码。 -
操作DOM：
JavaScript可以通过DOM（文档对象模型）来访问和修改HTML页面的结构和内容。可以动态地添加、删除、修改HTML元素，实现与用户的交互和数据展示。 -
HTTP请求和响应：
JavaScript可以通过浏览器提供的HTTP请求API（如XMLHttpRequest、fetch等）向服务器发送请求并获取响应数据。可以实现与后端服务器的数据交互。 -
错误处理：
JavaScript代码在执行过程中可能会出现错误。浏览器会将出现的错误信息记录在控制台，可以通过检查控制台来调试和修复代码中的错误。
以上是JavaScript在浏览器中运行的基本过程和相关知识点。通过以上步骤，可以在浏览器中加载、解析和执行JavaScript代码，实现与用户的交互和动态网页功能。
