第一节

2020-12-30 13:35:42 +08:00 · 2020-12-30 13:35:42 +08:00 · b102698d90
commit b102698d90
parent beacca0952
1 changed files with 213 additions and 1 deletions
--- a/javascriptpress/1.javascript基础.md
+++ b/javascriptpress/1.javascript基础.md
@ -1,3 +1,4 @@
+[[toc]]
 # javascript 基础
 ## 简介
 javascript 主要是由
@ -225,6 +226,217 @@ var name = "name";
 var age = '18';
 这两个效果是一样的都是字符串 一个是 name  一个是 18
 ```
+```html
+<html>
+    <head>
+        <title>javascript演示</title>
+        <script>
+            var name = "name";
+            var age = '18';
+            alert(name);
+            alert(age);
+        </script>
+    </head>
+    <body>
+     
+    </body>
+</html>
+```
+
+### 数字 number
+有字符串的时候就应该有数字 那么数字是如何定义的呢？
+```javascript
+var age = 18; 这是一个数字18
+var sex = 1.2 这是一个小数 1.2 在程序里面叫做浮点数
+```
+只要输入数字就可以 不用加引号 这个就是一个数字


-#### 数字 number 
+
+上面说只要不加引号的都会被认定为关键字或者是方法或变量 但是这个 18 并没有加为什么没被认定为是变量或者其他呢？
+
+
+### 命名规范
+命名就是你给自己的方法或者变量起的名字 规范是 命名必须用 字母 $ _ 
+- 26个英文字母
+- $ 美元符号
+- _ 下划线
+这三种开头的才会被认定为变量 
+例如
+```javascript
+var name;
+var $age;
+var _name;
+```
+也可以组合 例如
+```javascript
+var name$n_jhzshd
+```
+只要是这三种符号组合的符合规范的情况都是可以的
+```javascriot
+var na me;
+不符合 因为有空格
+var na|me
+不符合 因为有 |
+```
+等等 只要不在三种之类的符号 都不是正确的命名
+
+
+### 数字相加
+已经知道了 什么是 数字 什么是 字符串了
+
+数字就是正常的 小数 整数 或者其他进制的数字 其他进制一般用不到 只是写法有区别 这个就不说了
+
+字符串就是用引号包裹的一段文字 可以用双引号 也可以用单引号
+
+那么数字是如何相加呢？
+
+```javascript
+var num1 = 10;
+var num2 = 15;
+var sum = num1 + num2;
+alert(sum);
+```
+这段代码放到页面上执行 就会弹出 25
+
+或者可以
+```javascript
+var sum = 10 + 15;
+alert(sum);
+```
+或者直接
+```javascript
+alert(10 + 15);
+```
+## 操作符
+### 加法操作符
+可以将两个变量的值和两个数字等相加
+> 值有是什么？ 变量是我们定义的名字 值就是变量的内容 比如
+```javascript
+var num = 10;
+变量是mum  值是 10
+var name = "helloworld"
+变量是name  值是 "helloworld"
+```
+加法是将两个值相加 数字是返回数学运算之后的值
+比如
+```javascript 
+1+1 是2 
+10 + 15 是35
+12 + 13 是25
+1.5+2.5 是4
+```
+#### 赋值顺序
+上面让变量接受加法运算的值的时候 变量在前 然后 = 运算 因为在程序中 给变量赋值是将等于号 后面的值给前面的变量 而不是像我们写数学运算的时候 前面是公式 后面是结果
+```javascript
+var num = 1+1; 正确
+1+1 = var num; 错误 因为这样操作会将 num 赋值给1+1 但是1+1并不是变量
+```
+### 减法操作
+有加法一定有减法 减法跟加法一样 
+```javascript
+var num1 = 10;
+var num2 = 15;
+var sum = num1 - num2;
+alert(sum);
+```
+这个弹出的是 -5 因为 10 - 15 就是-5
+```javascript
+var num1 = 20;
+var num2 = 15;
+var sum = num1 - num2;
+alert(sum);
+```
+这个就会弹出 5 
+
+剩余就是跟+ 一样的
+### 乘法操作
+乘法操作跟加减是一样的
+```javascript
+var num1 = 20;
+var num2 = 15;
+var sum = num1 * num2;
+alert(sum);
+```
+这个就会弹出300
+### 除法
+```javascript
+var num1 = 30;
+var num2 = 15;
+var sum = num1 / num2;
+alert(sum);
+```
+这个就会弹出2
+```javascript
+var num1 = 15;
+var num2 = 6;
+var sum = num1 / num2;
+alert(sum);
+```
+这个就会弹出 2.5
+
+### 组合起来
+比如一个计算中 既有加法又有减法还有乘法除法是怎么样的呢？
+```javascript
+var sum = 1 + 2 * 3 / 4;
+alert(sum);
+```
+这个会输出什么呢？ 计算的时候会怎么计算呢 是先计算1 + 2 然后得3 再乘以3 得9 再除以4吗？
+
+并不会 因为计算中会有优先级 计算的时候也是先计算乘除法 再计算加减法
+```javascript
+
+var sum = 1 + 2 * 3 / 4;
+alert(sum);
+
+```
+会输出2.5
+
+但是计算顺序如何呢？ 这个计算中* 和/ 哪个先计算呢？
+
+这在编程语言中叫做运算符的优先级 哪个优先级高就先计算哪一个 如果相同的话就依照顺序从左到右的方式计算
+
+比如 1 + 2 * 3 / 4
+
+就会先计算 2 * 3 然后拿到结果 / 4 在  用1 相加
+
+- 2 * 3 = 6
+- 6 / 4 = 1.5
+- 1 + 1.5 = 2.5
+
+再例如
+
+```javascript
+2 * 2 + 4 + 2 / 2
+```
+这个计算顺序 
+- 2 * 2 = 4
+- 2 / 2 = 1 
+- 4 + 4 + 1 = 9 
+
+这就是操作符的优先级 哪个优先级高就会先计算哪个 如果相同就按从左到右的顺序操作
+
+`+ - * / 的优先级是  * / 高于 + -`
+
+`* 与 / 相同`
+
+`+ 与 - 相同`
+
+## 总结 
+总共写了 
+- alert 让浏览器弹出一个对话框
+- var 定义变量
+- 变量赋值
+- 字符串
+- 数字
+- 数字 加法减法乘法除法
+- `+ - * /` 的运算符与优先级顺序
+
+## 作业
+
+- 定义一个变量 赋值为 "这是我的弹出框" 然后让浏览器弹出这个内容
+- 定义两个变量 分别赋值 5 和 6 弹出相加结果
+- 定义两个数字变量 值随意 弹出 两个变量相乘结果
+- 写出 `10 + 5 / 5 * 6 - 10` 的运算顺序
+- 自己了解一下 javascript操作符优先级
+