最后
好了,这就是整理的前端从入门到放弃的学习笔记,还有很多没有整理到,我也算是边学边去整理,后续还会慢慢完善,这些相信够你学一阵子了。
做程序员,做前端工程师,真的是一个学习就会有回报的职业,不看出身高低,不看学历强弱,只要你的技术达到应有的水准,就能够得到对应的回报。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
学习从来没有一蹴而就,都是持之以恒的,正所谓活到老学到老,真正懂得学习的人,才不会被这个时代的洪流所淘汰。
后自减
var x=5;
var num4=x–; //相当于 var num4=x; x=x-1;
console.log(‘num4=’+num4+’ x='+x); //num4=5 x=4
其他类型应用一元运算符的规则
var b = ‘89’;
b++; //90,数值字符自动转换成数值
var b= ‘ab’;
b++; //NaN,字符串包含非数值转成NaN
var b = false;
b++; //1,false转成数值0,累加就是1
var b = 2.3;
b++; //3.3,直接加1
赋值运算符
赋值运算符用等于号(=)表示,就是把右边的值赋给左边的变量。
复合赋值运算符通过 x=的形式表示,x 表示算术运算符。
如: +=, -=, *=, /=, %=等
= 等于 x=2;
+= 加等于 x+=3; 等同于x=x+3;
-= 减等于 x-=3; 等同于x=x-3;
= 乘等于 x=3; 等同于x=x*3;
-= 除等于 x/=3; 等同于x=x/3;
%= 余等于 x%=3; 等同于x=x%3;
关系运算符
用于进行比较的运算符称作为关系运算符
关系运算符的比较规则:
- 数字和数字比较, 直接比较大小
- 数字和字符串比较, 字符串转换为数字后再比较
- 字符串和字符串比较, 进行字符的ASCII码值比较
比较注意事项:
- 布尔值 ture=1, false=0
- 含有NaN的运算都为false,undefined 和null 都不等于0或者flase
- 如果要恒等, 则必须值和类型都要相等;
大于 若左边数据大于右边数据,返回 true,否则返回 false。
3>2 //true
< 小于 若左边数据小于右边数据,则返回布尔值true,否则返回false。
2<3 //true
= 大于等于 若左边数据大于或等于右边数据,返回 true,否则返回 false。
2>=2 //true
3>=2 //true
<= 小于等于。若左边数据小于或等于右边数据,返回 true,否则返回 false。
2<=2 //true
2<=3 //true
== 相等 若两数据大小相等,返回 true,否则返回 false
22 //true
2’2’ //true
!= 不等 若两数据大小不相等,返回 true,否则返回 false。
2!=5 //true
=== 全等(恒等) 若两数据大小和数据类型都相等,返回 true,否则返回 false。
55===‘55’ //false
55===55 //true
!== 不全等(不恒等) 若两数据大小或数据类型不相等,返回 true,否则返回 false。
55!==‘55’ //true
55!==55 //false=0
布尔值 ture=1, false=0
false == 0 //true
true == 1 //true
true == 2 //false
undefined 是派生自 null 的,两个数据大小相等,数据类型不等。
null == undefined //true
null === undefined //false
含有NaN的运算都为false
‘NaN’ == NaN //false
5 == NaN //false
NaN == NaN //false
undefined 和null 都不等于0,flase
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在顺序结构中可以包含选择结构和循环结构
**顺序结构: **
紧跟潮流
大前端和全栈是以后前端的一个趋势,懂后端的前端,懂各端的前端更加具有竞争力,以后可以往这个方向靠拢。
这边整理了一个对标“阿里 50W”年薪企业高级前端工程师成长路线,由于图片太大仅展示一小部分
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】