null == 0 //false
null == false //false
undefined == 0 //false
undefined == false //false
逻辑运算符
逻辑运算符通常用于布尔值的操作,一般和关系运算符配合使用,有三个逻
辑运算符: 逻辑与&&(AND)、逻辑或||(OR)、逻辑非!(NOT)。
&& 逻辑与:
如果第一个操作数返回是 false,第二个数不管是true还是false都会返回false。
即符号两边的操作数为真,返回true,否则返回false。
var flag=(true) && (true) //true
var flag=(false) && (true) //false
var flag=(false) && (false) //false
|| 逻辑或:
如果第一操作数的求值结果为 true,第二个数不管是true还是false都会返回true。
即符号两边的操作数同时为假,返回false,否则返回true。
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 时) ,则执行大括号内的语句,否则不执行。
注意:
- 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
}
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)
最后
由于篇幅限制,pdf文档的详解资料太全面,细节内容实在太多啦,所以只把部分知识点截图出来粗略的介绍,每个小节点里面都有更细化的内容!
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
InQ4nh-1712728186670)]
[外链图片转存中…(img-JCxL0lD9-1712728186670)]
一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!
[外链图片转存中…(img-GjwyyPY3-1712728186671)]