js第二弹
想看啥？先问问作用域
作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。
换句话说，就是空间可见相册和空间不可见相册的作用。
- 全局作用域
最外层函数和在最外层函数外面定义的变量拥有全局作用域
var a = 1; // 全局变量 function num(){ var b = 1; //局部变量 console.log(a,b); } console.log(b) 复制代码
注意：所有未定义直接赋值的变量自动声明为拥有全局作用域
function num(){ var b = 1; //局部变量 c = 1; //全局变量 } 复制代码
- 局部作用域 局部作用域只在固定的代码片段内可访问到
变量的工具运算符
算术运算符
| 运算符 | 描述 | 例子 | x 运算结果 | y 运算结果 | 在线实例 |
| + | 加法 | x=y+2 | 7 | 5 | |
| - | 减法 | x=y-2 | 3 | 5 | |
| * | 乘法 | x=y*2 | 10 | 5 | |
| / | 除法 | x=y/2 | 2.5 | 5 | |
| % | 取模（余数） | x=y%2 | 1 | 5 | |
| ++ | 自增 | x=++y | 6 | 6 | |
| x=y++ | 5 | 6 | |||
| -- | 自减 | x=--y | 4 | 4 | |
| x=y-- | 5 | 4 |
赋值运算符
| 运算符 | 例子 | 等同于 | 运算结果 | 在线实例 |
| = | x=y | x=5 | ||
| += | x+=y | x=x+y | x=15 | |
| -= | x-=y | x=x-y | x=5 | |
| *= | x*=y | x=x*y | x=50 | |
| /= | x/=y | x=x/y | x=2 | |
| %= | x%=y | x=x%y | x=0 |
字符串运算符
txt_one="1024"; txt_two="is a nice day"; txt=txt_one+" "+txt_two; // "1024 a very nice day" y="6"+6; console.log(y) // 66 复制代码
比较运算符
| 运算符 | 介绍 |
| == | 等于 |
| === | 等值等型 |
| != | 不相等 |
| !== | 不等值或不等型 |
| > | 大于 |
| < | 小于 |
| >= | 大于或等于 |
| <= | 小于或等于 |
| ? | 三元运算符 |
逻辑运算符
| 运算符 | 描述 |
| && | 逻辑与 |
| || | 逻辑或 |
| ! | 逻辑非 |
位运算符
满足条件即可执行之if else
- if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
- if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
- if...else if....else 语句- 使用该语句来选择多个代码块之一来执行
- switch 语句 - 使用该语句来选择多个代码块之一来执行
基于不同的条件执行之switch
switch(n) { case 1: // 执行代码块 break; case 2: // 执行代码块 break; default: // 所以条件匹配完毕没有匹配项时执行的代码 } 复制代码
无尽循环之f0r
- for
for (var i=0;i<100;i++) { alert(1); } 复制代码
- for in 常用于遍历对象
var qinli={name:"qinli",intro:"世界很大"}; for (x in person) // x 为属性名 { console.log(person[x]); } 复制代码
布尔循环之while
- while
var i = 2 while (i==9) { console("you are right"); i++ } 复制代码
- do while
var i = 1; do { console.log("good") i++; } while (i<5); 复制代码
调停循环之break&continue
- break break会终止循环，直接跳到下一个代码执行
- continue continue会跳过某循环，并继续该循环的下一个
需求的实现——事件
HTML 事件是发生在 HTML 元素上的事情。
当在 HTML 页面中使用 JavaScript 时 JavaScript 可以触发这些事件。
常用事件有以下几种
| 事件 | 描述 |
| onchange | HTML 元素改变 |
| onclick | 用户点击 HTML 元素 |
| onmouseover | 用户在一个HTML元素上移动鼠标 |
| onmouseout | 用户从一个HTML元素上移开鼠标 |
| onkeydown | 用户按下键盘按键 |
| onload | 浏览器已完成页面的加载 |
<button onclick="displayDate()">现在的时间是?</button> <script> function displayDate(){ alert(Date()); } </script> 复制代码
在我们点击按钮的时候会触发点击事件，事件执行我们想要执行的函数。
