theluyuan/webveuje
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

第一节

Browse Source
This commit is contained in:
luyuan 2020-12-30 13:35:42 +08:00
parent beacca0952
commit b102698d90
Signed by: theluyuan
GPG Key ID: A7972FD973317FF3
1 changed files with 213 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

214
javascriptpress/1.javascript基础.md
View File

@ -1,3 +1,4 @@
[[toc]]
# javascript 基础 # javascript 基础
## 简介 ## 简介
javascript 主要是由 javascript 主要是由
@ -225,6 +226,217 @@ var name = "name";
var age = '18'; var age = '18';
这两个效果是一样的都是字符串 一个是 name 一个是 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操作符优先级