Javascript初入门3，在线web前端开发

2. JS运算符

3. 三元表达式

4. JS的函数初步

---

一、JS全局变量和局部变量

• 全局变量：在函数体之外声明的变量属于全局变量，全局变量的生命周期是，浏览器打开时声明，浏览器关闭时销毁，尽量少用。因为全局变量会一直在浏览器的内存当中，耗费内存空间.能使用局部变量尽量使用局部变量。

//全局变量 a

var a;

//局部变量 p

function printf(){

var p = ‘hello world’

alert§

}

二、JS运算符

1.算术运算符

运算符	实例
+（加）	1 + 1 = 2
- （减）	4 - 3 = 1
* （乘）	10 * 5 = 10
/ （除）	10 / 20 = 0.5
% （取余/取模）	9 % 2 = 1

2.前后置递增运算符(i++/++i)

• 前置递增和后置递增运算符可以简化代码的编写，让变量的值＋1比以前写法更简单

• 单独使用时，运行结果相同

• 与其他代码联用时，执行结果会不同

• 后置:先原值运算，后自加(先人后己)

• 前置∶先自加，后运算(先已后人)

• 开发时，大多使用后置递增/减，并且代码独占一行，例如:num++;或者num–;

3.比较运算符

运算符名称	说明	案例	结果
<	大于号	1 < 2	true
>	小于号	1 > 2	false
<=	小于等于号	2 <= 2	true
>=	大于等于号	2 >= 3	false
==	判等号（能转型）	30 == '30'	true
!=	不等号	11 != 11	false
===  !==	全等 要求值和类型都一致	22 === '22'	false

4.逻辑运算符

| 逻辑运算符 | 说明 | 案例 |

| — | — | — |

| && | 逻辑与， and | true && false  == false |

| || | 逻辑或， or | true || false == ture |

| ! | 逻辑非， not | !true == false |

5.赋值运算符

| 赋值运算符 | 说明 | 案例 |

| — | — | — |

| = | 直接赋值 | var usrName = ‘xxx’ |

| +=、-= | 加、减一个数后再赋值 | var age = 10; age += 5;   //15 |

| *=、/=、%= | 乘、除、取模后再赋值 | var age = 2; age* = 5;  //10 |

6.运算符优先级

| 优先级 | 运算符 | 顺序 |

| — | — | — |

| 1 | 小括号 | () |

| 2 | 一元运算符 | ++  –  ! |

| 3 | 算数运算符 | 先 * 、/ 、% 后 +、 - |

| 4 | 关系运算符 | >、>=、<、<= |

| 5 | 相等运算符 | ==、!=、=、! |

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

前端面试题汇总

JavaScript

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

性能

linux

前端资料汇总

.cn/img_convert/d7f6750332c78eb27cc606540cdce3b4.png)

linux

前端资料汇总