add: JS预编译

This commit is contained in:
qianguyihao
2019-12-04 22:54:48 +08:00
parent d4741c9064
commit c2f9247e4a
7 changed files with 196 additions and 81 deletions

View File

@@ -33,12 +33,17 @@
### 变量的定义和赋值
在js中使用`var`关键字来声明一个变量。
- 在ES6之前统一使用`var`关键字来声明一个变量。
- 在ES6及之后统一使用 `const``let`关键字来声明一个变量。
变量举例如下:
```javascript
var a = 100;
var a = 100; // ES5语法
const b = hello; // ES6 语法
let b = world; // ES6 语法
```
如下图所示:
@@ -147,7 +152,6 @@ implements、import、int、interface、long、native、package、private、prot
**在JS中一共有六种数据类型**
- **基本数据类型(值类型)**String 字符串、Number 数值、Boolean 布尔值、Null 空值、Undefined 未定义。
- **引用数据类型(引用类型)**Object 对象。
@@ -347,9 +351,9 @@ Undefined和任何数值计算的结果为NaN。NaN 与任何值都不相等,
键盘上的`+`可能是连字符,也可能是数字的加号。如下:
```
console.log("我" + "爱" + "你"); //连字符,把三个独立的汉字,连接在一起了
console.log("我+爱+你"); //原样输出
console.log(1+2+3); //输出6
console.log("我" + "爱" + "你"); //连字符,把三个独立的汉字,连接在一起了
console.log("我+爱+你"); //原样输出
console.log(1+2+3); //输出6
```
输出:
@@ -365,30 +369,30 @@ Undefined和任何数值计算的结果为NaN。NaN 与任何值都不相等,
举例1
```javascript
var a = "1";
var b = 2;
console.log(a + b);
var a = "1";
var b = 2;
console.log(a + b);
```
控制台输出:
```
12
12
```
举例2
```
var a = 1;
var b = 2;
console.log("a" + b); //"a"就不是变量了!所以就是"a"+2 输出a2
var a = 1;
var b = 2;
console.log("a" + b); //"a"就不是变量了!所以就是"a"+2 输出a2
```
控制台输出:
```
a2
a2
```
于是我们明白了,在变量中加入字符串进行拼接,可以被同化为字符串。【重要】
@@ -401,14 +405,14 @@ Undefined和任何数值计算的结果为NaN。NaN 与任何值都不相等,
也就是说,`-``*``/``%``这几个符号会自动进行隐式转换。例如:
```javascript
var a = "4" + 3 - 6;
console.log(a);
var a = "4" + 3 - 6;
console.log(a);
```
输出结果:
```javascript
37
37
```
虽然程序可以对`-`、`*`、`/`、`%``这几个符号自动进行“隐式转换”;但作为程序员,我们最好自己完成转换,方便程序的可读性。
@@ -423,14 +427,14 @@ true 和 false。主要用来做逻辑判断。
代码:
```javascript
var a = true;
console.log(typeof a);
var a = true;
console.log(typeof a);
```
控制台输出结果:
```
boolean
boolean
```
@@ -467,7 +471,7 @@ null和undefined有最大的相似性。看看null == undefined的结果(true)
语句:
```
a = b;
a = b;
```
把b的值赋给ab不变。
@@ -479,101 +483,101 @@ null和undefined有最大的相似性。看看null == undefined的结果(true)
举例1
```
//a b c
var a = 1; //1
var b = 2; //1 2
var c = 3; //1 2 3
a = b + c; //5 2 3
b = c - a; //5 -2 3
c = a * b; //5 -2 -10
console.log(a);
console.log(b);
console.log(c);
//a b c
var a = 1; //1
var b = 2; //1 2
var c = 3; //1 2 3
a = b + c; //5 2 3
b = c - a; //5 -2 3
c = a * b; //5 -2 -10
console.log(a);
console.log(b);
console.log(c);
```
输出:
```
5
-2
-10
5
-2
-10
```
举例2
```
//a b c
var a = 1;
var b = 2;
var c = 3; //1 2 3
a = a + b; //3 2 3
b = b + a; //3 5 3
c = c + b; //3 5 8
console.log(a); //3
console.log(b); //5
console.log(c); //8
//a b c
var a = 1;
var b = 2;
var c = 3; //1 2 3
a = a + b; //3 2 3
b = b + a; //3 5 3
c = c + b; //3 5 8
console.log(a); //3
console.log(b); //5
console.log(c); //8
```
输出:
```
3
5
8
3
5
8
```
举例3
```
//a b
var a = "1";
var b = 2; //"1" 2
a = a + b; //"12" 2
b = b + a; //"12" "212"
console.log(a); //输出12
console.log(b); //输出212
//a b
var a = "1";
var b = 2; //"1" 2
a = a + b; //"12" 2
b = b + a; //"12" "212"
console.log(a); //输出12
console.log(b); //输出212
```
输出:
```
12
212
12
212
```
举例4
```
//a b
var a = "1";
var b = 2;
a = b + a; //"21" 2
b = b + a; //"21" "221"
console.log(a); //21
console.log(b) //221
//a b
var a = "1";
var b = 2;
a = b + a; //"21" 2
b = b + a; //"21" "221"
console.log(a); //21
console.log(b) //221
```
效果:
```
21
221
21
221
```
举例5这个例子比较特殊字符串减去数字
```
var a = "3";
var b = 2;
console.log(a-b);
var a = "3";
var b = 2;
console.log(a-b);
```
效果:(注意,字符串 - 数值 = 数值)
```
1
1
```