JavaScript 运算符与逻辑分支，32岁的程序员被裁

var flag=(false) || (false) //false

var flag=(true) || (true) //true

var flag=(true) || (false) //true

逻辑非:

逻辑非运算符可以用于任何值。无论这个值是什么数据类型，这个运算符都会返

回一个布尔值。它的流程是：先将这个值转换成布尔值，然后取反，规则如下：

操作数为真，返回false，否则返回true

var flag=!(true); //false

var flag=!(false); //true

操作数是一个空字符串, 返回true; 非空字符串, 返回false

var flag=!(‘’) //true

var flag=!(‘test’) //false

操作数是数值0, 返回true; 任意非0数值(包括 Infinity),返回false

var flag=!(0) //true

var flag=!(1) //false

操作数是NaN, 返回true

var flag=!(NaN) //true

操作数是undefined, 返回true

var flag=!(undefined) //true

字符串运算符

字符串运算符: 字符串运算符只有一个，即：“+”。

它的作用是将两个字符串相加。 规则：至少一个操作数是字符串

var result1=‘hello’+‘world’; // 两个都是字符串, 直接连接两个字符串

console.log(result1); //helloworld

console.log(typeof result1);

//如果其中有一个是字符串, 另一个是其他类型, 则会先将其他的类型强制转换成字符,然后再连接

var result2=‘hello’+2;

console.log(result2); //hello2

console.log(typeof result2);

三目运算符（三元条件运算符）

三目运算符（三元条件运算符）: 表达式 ? 值1 : 值2

如果表达式的值为true，则结果取值1。否则为值2

语法为:（如果条件表达式的值为true，则结果取值1。否则为值2。）

条件表达式 ? 值1 : 值2

var age=11;

var status = (age >= 18) ? “major” : “minor”;

当age大于等于18的时候，语句将第一个值“major”赋值给status；否则将第二个值“minor”赋值给status。

运算符的优先级

| 运算符 | 描述 |

| — | :-: |

| . [] () | 对象成员存取、数组下标、函数调用等 |

| ++ – ~ ! delete new typeof void | 一元运算符 |

| * / % | 乘法、除法、求余 |

| + - + | 加法、减法、字符串连接 |

| << >> >>> | 移位 |

| < <= > >= instanceof | 关系比较、检测类实例 |

| == != === !== | 恒等(全等) |

| & | 位与 |

| ^ | 位异或 |

| | |

| && | 逻辑与 |

| | |

| ?: | 三元条件 |

| = x= | 赋值、运算赋值 |

| = x= | 赋值、运算赋值 |

| , | 多重赋值、数组元素 |

表达式

---

表达式是javascript中的一个短语，表达式指的是可用于计算的式子，即可能产生一个值的式子。

变量名也是一种简单的表达式，它的值就是赋值给变量的值。

复杂的表达式由运算符和操作数 （变量或常量） 组成的式子

算术运算符组成的式子叫算术表达式

关系运算符组成的式子叫关系表达式或者条件表达式

逻辑运算符组成的式子叫做逻辑表达式

如：2+3；a+5；c>3; a&&b等

流程控制

---

JavaScript有三种基本的流程控制结构：顺序结构、选择结构和循环结构,流程控制是用来控制代码的执行顺序。

JavaScrip在顺序结构中可以包含选择结构和循环结构

顺序结构：

指按照语句出现的先后顺序依次执行

选择结构：

指按照给定的逻辑条件来决定执行顺序。

选择结构可以分为单向选择、双向选择和多向选择。但无论是单向还是多向选择，程序在执行过程中都只能执行其中一条分支。

循环结构

指根据代码的逻辑条件来判断是否重复执行某一段程序。若逻辑条件为true，则重复执行，即进入循环，否则结束循环。

循环结构可以先判断逻辑条件，也可以先执行循环体

if单支语句

if条件判断语句的写法:

if(表达式){

执行语句

}

当括号内的表达式结果成立( 为true 时) ，则执行大括号内的语句，否则不执行。

注意：

1. if后面的()不能省略。

2. 一条执行语句可以省略{}, 多条时不能省略{}, 建议不管是一条还是多条都写上{}

if双分支语句的写法:

if(表达式){

执行语句1

}

else{

执行语句2

}

当if 括号内的表达式结果成立，执行执行语句1 ，否则执行执行语句2;

注意：else语句必须和if语句搭配出现使用

if多分支语句

if多分支语句的写法:

if(表达式){

执行语句1

}

else if(表达式2){

执行语句2

}

else if(表达式3){

执行语句3

}

else{

执行语句n

}

从上往下，满足哪个条件就执行其相对应的语句，都不满足时，执行最后的else

的语句，只能进入其中之一。

if的嵌套

将整个if语句块插入另一个if语句块中

if (表达式1) {

if (表达式2) {

if (表达式3){

语句;

}

else{

语句;

}

}

else{

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

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

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

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

最后

在面试前我花了三个月时间刷了很多大厂面试题，最近做了一个整理并分类，主要内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

• HTML5新特性，语义化

• 浏览器的标准模式和怪异模式

• xhtml和html的区别

• 使用data-的好处

• meta标签

• canvas

• HTML废弃的标签

• IE6 bug，和一些定位写法

• css js放置位置和原因

• 什么是渐进式渲染

• html模板语言

• meta viewport原理

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

• xhtml和html的区别

• 使用data-的好处

• meta标签

• canvas

• HTML废弃的标签

• IE6 bug，和一些定位写法

• css js放置位置和原因

• 什么是渐进式渲染

• html模板语言

• meta viewport原理

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