update: js简介

2019-12-04 20:16:59 +08:00
parent 0f0d6947d6
commit d4741c9064
3 changed files with 77 additions and 42 deletions
--- a/04-JavaScript基础/01-JS简介.md
+++ b/04-JavaScript基础/01-JS简介.md
@@ -54,22 +54,22 @@ JavaScript是由**网景**公司发明，起初命名为LiveScript；1995年年1
 比如Java中需要定义如下变量：

 ```java
-	int a;
-	float a;
-	double a;
-	String a;
-	boolean a;
+int a;
+float a;
+double a;
+String a;
+boolean a;
 ```

 而JavaScript中，只需要用一种方式来定义：

 ```JavaScript
-	// ES5 写法
-	var a;
+// ES5 写法
+var a;

-	// ES6 写法
-	const a;
-	let a;
+// ES6 写法
+const a;
+let a;
 ```

 ### JavaScript是前端语言
@@ -122,7 +122,7 @@ JavaScript基础分为三个部分：

 ### 特点1：解释型语言

-**解释型语言**：不需要事先被翻译为机器码；而是边翻译边执行（翻译一行，执行一行）。
+JavaScript语言，不需要事先被翻译为机器码；而是边翻译边执行（翻译一行，执行一行）。

 > 由于少了实现编译这一步骤，所以解释型语言开发起来尤为方便，但是解释型语言运行较慢也是它的劣势。不过解释型语言中使用了JIT技术，使得运行速度得以改善。

@@ -132,17 +132,18 @@ JavaScript基础分为三个部分：

 **编译型语言**：

- 定义：事先把所有的代码 一次性翻译好，然后整体执行。比如说，c语言的代码文件是`.c`后缀，翻译之后文件是`.obj`后缀（系统执行的是 obj 文件）；再比如， java 语言的代码文件是`.java`后缀，翻译之后的文件是`.class`后缀。（注意，Java 语言不是严格的 编译型语言，这个一会儿会讲）
-
+- 定义：事先把所有的代码 一次性翻译好，然后整体执行。
 - 优点：运行更快。

 - 不足：移植性不好，不跨平台。

 - 编译型语言举例：c、c++

+比如说，c语言的代码文件是`.c`后缀，翻译之后文件是`.obj`后缀，系统执行的是 obj 文件；再比如， java 语言的代码文件是`.java`后缀，翻译之后的文件是`.class`后缀。（注意，Java 语言不是严格的 编译型语言，这个一会儿会讲）
+
 **解释型语言**：

- 定义：**边翻译边执行**，不需要事先一次性编译。
+- 定义：**边翻译边执行**（翻译一行，执行一行），不需要事先一次性翻译。

 - 优点：移植性好，跨平台。

@@ -174,31 +175,57 @@ ECMAScript在2015年6月，发布了ECMAScript 6版本（ES6），语言的能

 ### JavaScript代码的书写位置

-（1）内嵌的方式：
+> 也可以理解成：引入 js 代码，有哪几种方式。
+
+方式1、内嵌的方式：

 页面中，我们可以在`<body>`标签里放入`<script type=”text/javascript”></script>`标签对儿，并在`<script>`里书写JavaScript程序：

-```
-<script type="text/javascript">
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Document</title>
+</head>
+<body>
+	<script type="text/javascript">
+		// 在这里写 js 代码

-</script>
+	</script>
+</body>
+</html>
 ```

 text表示纯文本，因为JavaScript也是一个纯文本的语言。

 PS：在Sublime Text里，输入`<sc`后，按tab键，可以自动补齐。

-（2）外链式：引入外部JavaScript文件（放到body标签里，可以和内嵌的js代码并列）
+方式2、引入外部的 JS 文件：

-```
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="UTF-8">
+	<title>Document</title>
+</head>
+<body>
+	<!-- 引入外部的 js 文件 -->
 	<script src="tool.js"></script>
+</body>
+</html>
 ```

+上面这段代码，依然是放到body标签里，可以和内嵌的js代码并列。
+
+**总结**：我们在实战开发中，基本都是采用方式2，因为这种方式，可以确保 html 文件和 js 文件是分开的。很少会有人把一大堆 js 代码写在 html 文件里。
+
 ### alert语句

 我们要学习的第一个语句，就是alert语句。

-```
+```html
 <script type="text/javascript">
 	alert("生命壹号");
 </script>
@@ -226,7 +253,7 @@ PS：在Sublime Text里，输入`<sc`后，按tab键，可以自动补齐。

 代码一：

-```
+```html
 <script type="text/javascript">
 	alert("今天蓝天白云");
 	alert("我很高兴");
@@ -235,7 +262,7 @@ PS：在Sublime Text里，输入`<sc`后，按tab键，可以自动补齐。

 等价于代码二：

-```
+```html
 <script type="text/javascript">
 	alert("今天蓝天白云");alert("我很高兴");
 </script>