diff --git a/javascriptpress/1.javascript基础.md b/javascriptpress/1.javascript基础.md index 0328bd2..b9618e6 100644 --- 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 + + + javascript演示 + + + + + + +``` + +### 数字 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操作符优先级 +