字符串运算符
字符串运算符: 字符串运算符只有一个，即：“+”。
它的作用是将两个字符串相加。 规则：至少一个操作数是字符串
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 时) ，则执行大括号内的语句，否则不执行。
注意：
-
if后面的()不能省略。
-
一条执行语句可以省略{}, 多条时不能省略{}, 建议不管是一条还是多条都写上{}
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{
语句;
}
}
注意: 嵌套if时，最好不要超过三层； 内层的每一对if…else代码要缩进且对
齐；编写代码时，else要与最近的if配对。
需求：
输出不同年龄段的称呼：
少年：18周岁以下,青年：18周岁至40周岁,中年：40周岁至60周岁,老年：60周岁以上
婴儿[0岁-1岁）、幼童[1岁-4岁）、小童[4岁-7岁），中童[7岁-13岁）、
大童[13岁-18岁），成年人等于18岁
switch case 语句
用于基于不同的条件来执行不同的动作,如果有多个条件，可以使用嵌套的if语句来解决，但这种方法会增加程序的复杂度，降低程序的可读性。
//n可以是变量/表达式，将n的值与常量a1、a2、……比较，若n与其中某个值相等时，执行相应数据后面的语句，且当遇到关键字break时，程序跳出switch结构；若找不到与n相等的值，则执行关键字default下面的语句。
switch(n)
{
case a1:
执行代码块 1
break;
case a2:
执行代码块 2
小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）
这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道
HTML
-
HTML5有哪些新特性？
-
Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?
-
如何实现浏览器内多个标签页之间的通信？
-
⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？
-
简述⼀下src与href的区别？
-
cookies,sessionStorage,localStorage 的区别？
-
HTML5 的离线储存的使用和原理？
-
怎样处理 移动端 1px 被 渲染成 2px 问题？
-
iframe 的优缺点？
-
Canvas 和 SVG 图形的区别是什么？
JavaScript
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
问：0.1 + 0.2 === 0.3 嘛？为什么？
-
JS 数据类型
-
写代码：实现函数能够深度克隆基本类型
-
事件流
-
事件是如何实现的？
-
new 一个函数发生了什么
-
什么是作用域？
-
JS 隐式转换，显示转换
-
了解 this 嘛，bind，call，apply 具体指什么
-
手写 bind、apply、call
-
setTimeout(fn, 0)多久才执行，Event Loop
-
手写题：Promise 原理
-
说一下原型链和原型链的继承吧
-
数组能够调用的函数有那些？
-
PWA使用过吗？serviceWorker的使用原理是啥？
-
ES6 之前使用 prototype 实现继承
-
箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？
-
事件循环机制 （Event Loop）
件是如何实现的？
-
new 一个函数发生了什么
-
什么是作用域？
-
JS 隐式转换，显示转换
-
了解 this 嘛，bind，call，apply 具体指什么
-
手写 bind、apply、call
-
setTimeout(fn, 0)多久才执行，Event Loop
-
手写题：Promise 原理
-
说一下原型链和原型链的继承吧
-
数组能够调用的函数有那些？
-
PWA使用过吗？serviceWorker的使用原理是啥？
-
ES6 之前使用 prototype 实现继承
-
箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？
-
事件循环机制 （Event Loop）
3483
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
