update: 编译型语言

01-HTML/02-浏览器的介绍.md

@@ -84,7 +84,7 @@ publish: true
 
 ![](http://img.smyhvae.com/20180124_1700.png)
 
-1、User Interface（UI界面）：包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的您请求的页面外，其他显示的各个部分都属于用户界面。
+1、User Interface（UI界面）：包括地址栏、前进/后退按钮、书签菜单等。也就是浏览器主窗口之外的其他部分。
 
 2、Browser engine （浏览器引擎）：用来查询和操作渲染引擎。是UI界面和渲染引擎之间的**桥梁**。
 
@@ -94,7 +94,7 @@ publish: true
 
 5、JavaScript Interpreter（JavaScript解析器）：用于解析和执行 JavaScript 代码。
 
-6、UI Backend（UI后端）：用于绘制复选框、弹窗等窗口小组件；它会调用操作系统的UI方法。
+6、UI Backend（UI后端）：用于绘制组合框、弹窗等窗口小组件。它会调用操作系统的UI方法。
 
 7、Data Persistence（数据存储模块）：比如数据存储  cookie、HTML5中的localStorage、sessionStorage。
 

04-JavaScript基础/00-编程语言.md

@@ -15,7 +15,7 @@ publish: true
 
 ### 计算机语言
 
-**计算机语言**：人与计算机之间通讯的语言。它是人与计算机之间传递信息的媒介，是用来控制计算机的一系列指令。
+**计算机语言**：人与计算机之间通讯的语言。它是人与计算机之间传递信息的媒介，用来控制计算机的一系列指令。
 
 计算机语言的种类非常的多，总的来说可以分成三大类：机器语言、汇编语言和高级语言。
 
@@ -31,12 +31,6 @@ publish: true
 
 - **高级语言**：主要是相对于低级语言而言，它并不是特指某一种具体的语言，而是包括了很多编程语言，比如：C语言、C++、Java、C#、PHP、JavaScript、Python、Objective-C、Swift、Go语言等。
 
-### 编译器
-
-高级语言所编写的程序不能直接被计算机识别，必须经过转换才能被执行，为此，我们需要一个编译器。
-
-编译器可以将我们所编写的源代码转换（翻译）为机器语言，这也被称为二进制化。
-
 
 
 
@@ -44,9 +38,9 @@ publish: true
 
 ### 翻译器
 
-计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所编写的语言翻译成机器语言，计算机才能执行程序。**程序语言翻译成机器语言的工具，被称为翻译器**。
+计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所编写的高级语言翻译成机器语言，计算机才能执行程序。为此，我们需要一个翻译器。**程序语言翻译成机器语言的工具，被称为翻译器**。
 
-由此可见，所谓的“翻译”，指的是翻译成计算机能够执行的指令。
+由此可见，所谓的“翻译”，指的是将人类所编写的源代码转换（翻译）为机器能够执行的指令，这也被称为二进制化。
 
 翻译器翻译的方式有两种：一种是**编译**，另一种是**解释**。两种方式之间的区别在于**翻译的时机**不同。
 
@@ -56,31 +50,61 @@ publish: true
 
 对应的语言，称之为“编译型语言”、“解释型语言”。
 
-### 编译型语言
+### 1、编译型语言
 
-- 定义：需要事先把所有的代码一次性翻译（编译）好，然后整体执行。比如 exe文件。
+- 定义：需要事先通过编译器**把所有的代码一次性翻译（编译/转换）好**，然后整体执行。比如 exe文件。
 
-- 优点：运行更快。
+- 优点：执行效率高，运行更快。
 
-- 不足：移植性不好，不跨平台。
+- 不足：移植性不好，不跨平台；编译之后如果需要修改就需要整个模块重新编译。
 
-- 编译型语言举例：c、c++
+- 编译型语言举例：C、C++
 
-比如说，c语言的代码文件是`.c`后缀，翻译之后文件是`.obj`后缀，系统执行的是 obj 文件；再比如， java 语言的代码文件是`.java`后缀，翻译之后的文件是`.class`后缀。（注意，Java 语言不是严格的 编译型语言，这个一会儿会讲）
+比如说，c语言的代码文件是`.c`后缀，翻译之后文件是`.obj`后缀，系统执行的是 obj 文件；再比如， java 语言的代码文件是`.java`后缀，翻译之后的文件是`.class`后缀。（但是，Java 语言不是严格的 编译型语言，这个一会儿会讲）
 
-### 解释型语言
+以C语言的`hello.c`来举例：
 
-- 定义：**边翻译边执行**（翻译一行，执行一行），不需要事先一次性翻译。
+```c
+#include <stdio.h>
+int main(int argc, char const *argv[])
+{
+  printf("Hello world!");
+  return 0;
+}
+```
+
+对于以上C代码，main是程序入口，实现的功能是打印字符串`hello world`到屏幕上，编译和执行过程如下：
+
+1. C语言代码经过预处理（比如依赖处理、宏替换）。以上方代码示例，`#include<stdio.h>`会在预处理阶段被替换。
+2. 编译：编译器会把C语言翻译成汇编程序。一条C语言通常被编译为多条汇编代码，同时编译器会对程序进行优化，生成目标汇编程序。
+3. 汇编语言通过汇编器再汇编成目标程序`hello.o`。
+4. 链接：程序中往往包含一些共享目标文件，如示例代码中的`printf()`函数位于静态库，需要经过链接器进行链接。
+
+
+
+![20211030-0031-2](https://img.smyhvae.com/20211030-0031-2.png)
+
+（上方图片的来源：[JavaScript基础-基本概念](https://www.jianshu.com/p/230093183f47) ）
+
+![20211030-0026-2](http://img.smyhvae.com/20211030-0026-2.png)
+
+（上方图片的来源：[编译型语言](https://p.0x06.cn/zh/program/)  ）
+
+
+
+### 2、解释型语言
+
+- 定义：在运行过程中（runtime）通过解释器**边翻译边执行**（也就是逐行翻译：翻译一行，执行一行），不需要事先一次性翻译。
 
 - 优点：移植性好，跨平台。
 
-- 缺点：运行更慢。
+- 缺点：运行速度不如编译型语言。
 
-- 解释型语言举例：JavaScript、php、Python。
+- 解释型语言举例：JavaScript、PHP、Python。
 
 ### Java语言
 
-Java 语言既不是编译型语言，也不是解释型语言。翻译过程：
+Java 语言是属于半编译半解释型语言。翻译过程：
 
 （1）编译：`.java`代码文件先通过 javac 命令编译成`.class`文件。