🚀从零开始学习JS基础5️⃣🚀
六、解释型语言和编译型语言
6.1、概述
计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具,被称为翻译器。
翻译器翻译的方式有两种:一个是编译,另外一个是解释。两种方式之间的区别在于翻译的时间点不同:
- 编译器是在代码执行之前进行编译,生成中间代码文件。
- 解释器是在运行时进行及时解释,并立即执行(当编译器以解释方式运行的时候,也称之为解释器)。
6.2、 执行过程
类似于请客吃饭:
- 编译语言:去外面下馆子,首先把所有菜做好,才能上桌吃饭。
- 解释语言:好比吃火锅,边吃边涮,同时进行
七、关键字和保留字
7.1、关键字
关键字是指 JS本身已经使用了的字,不能再用它们充当变量名、方法名。
常见的关键字有:break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。
7.2、保留字
保留字实际上就是预留的“关键字”,意思是现在虽然还不是关键字,但是未来可能会成为关键字,同样不能使用它们当变量名或方法名。
如果将保留字用作变量名或函数名,那么除非将来的浏览器实现了该保留字,否则很可能收不到任何错误消息。当浏览器将其实现后,该单词将被看做关键字,如此将出现关键字错误。
常见的保留字有:boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile等。
7.3、标识符
标识(zhi)符:就是指开发人员为变量、属性、函数、参数取的名字,标识符不能是关键字或保留字。
八、运算符
8.1、运算符的分类
运算符(operator)也被称为操作符,**是用于实现赋值、比较和执行算数运算等功能的符号。**JavaScript中常用的运算符有:
-
算数运算符
-
递增和递减运算符
-
比较运算符
-
逻辑运算符
-
赋值运算符
8.1.1、算数运算符
算术运算使用的符号,用于执行两个变量或值的算术运算。
运算符 | 描述 | 示例 |
---|---|---|
+ | 加 | 1+1=2 |
- | 减 | 3-1=2 |
* | 乘 | 1*3=3 |
/ | 除 | 10/3=3 |
% | 取余数(取模) | 10%3=1 |
8.1.1.1、浮点数的精度问题
浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数。所以在JavaScript中不要直接判断两个浮点数是否相等 !
var result = 0.1 + 0.2; // 结果不是 0.3,而是:0.30000000000000004
console.log(0.07 * 100); // 结果不是 7, 而是:7.000000000000001
8.1.1.2、表达式和返回值
表达式:是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合,简单来说是由数字、运算符、变量等组成的式子
表达式最终都会有一个结果,返回给开发者,称为返回值。
8.1.2、 递增和递减运算符
8.1.2.1、概述
如果需要反复给数字变量添加或减去1,可以使用递增(++)和递减( – )运算符来完成。在 JavaScript 中,递增(++)和递减( – )既可以放在变量前面,也可以放在变量后面。放在变量前面时,我们可以称为前置递增(递减)运算符,放在变量后面时,我们可以称为后置递增(递减)运算符。递增和递减运算符必须和变量配合使用。
8.1.2.2、递增运算符
8.1.2.2.1、前置递增运算符
++num 前置递增,就是自加1,类似于 num = num + 1,但是 ++num 写起来更简单。他的口诀是先自加,后返回值。
var num = 10;
alert(++num + 10); // 21
8.1.2.2.2、后置递增运算符
num++ 后置递增,就是自加1,类似于 num = num + 1 ,但是 num++ 写起来更简单。他的口诀是先返回原值,后自加 。
var num = 10;
alert(10 + num++); // 20
8.1.3、比较运算符
8.1.3.1、概述
比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值(true / false)作为比较运算的结果。
运算符名称 | 说明 | 案例 | 结果 |
---|---|---|---|
< | 小于 | 1<2 | true |
> | 大于 | 3>2 | true |
>= | 大于等于 | 2>=2 | true |
<= | 小于等于 | 3<=3 | true |
== | 是否等于 | 1==1 | true |
!= | 不等于 | 1!=2 | true |
=== 、 !=== | 是否全等(值和类型是否都相等) | 2===‘2’ | false |
8.1.3.2、等号比较
符号 | 作用 | 用法 |
---|---|---|
= | 赋值 | 把右边赋值给左边 |
== | 判断 | 判断两边的值是否都相等(有隐式数据类型转换) |
=== | 全等 | 判断两边的值和数据类型是否完全一致 |
8.1.4、逻辑运算符
8.1.4.1、概述
逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断。
逻辑运算符 | 说明 | 案例 |
---|---|---|
&& | 逻辑与,简称与,and | true && true |
|| | 逻辑或,简称或,or | false||true |
! | 逻辑非,简称非,not | !true |
8.1.4.2、逻辑与&&
两边都是 true才返回 true,否则返回 false。
8.1.4.3、逻辑或 ||
只要有一边是true就返回true,否则是false。
8.1.4.4、逻辑非 !
逻辑非(!)也叫作取反符,用来取一个布尔值相反的值,如 true 的相反值是 false。
var isOk = !true;
console.log(isOk); // false
8.1.4.5、短路运算
当有多个表达式(值)时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值。
8.1.4.5.1、逻辑与
他的语法格式:表达式1 && 表达式2。
表达的意思是,如果第一个表达式的值为真,则返回表达式2,如果第一个表达式的值为假,则返回表达式1。
console.log( 123 && 456 ); // 456
console.log( 0 && 456 ); // 0
console.log( 123 && 456&& 789 ); // 789
8.1.4.5.2、逻辑或
他的语法: 表达式1 || 表达式2。
表达的意思是,如果第一个表达式的值为真,则返回表达式1,如果第一个表达式的值为假,则返回表达式2。
console.log( 123 || 456 ); // 123
console.log( 0 || 456 ); // 456
console.log( 123 || 456 || 789 ); // 123
8.1.5、赋值运算符
赋值运算符是用来把数据赋值给变量的运算符。
赋值运算符 | 说明 | 案例 |
---|---|---|
= | 直接赋值 | var name = ‘XiaoLin’ |
+= 、-= | 加减一个数后再赋值 | var age = 18; age += 10; |
*=、/=、%= | 乘、除、取模后赋值 | var = 18; age %=2 |
var age = 10;
age += 5; // 相当于 age = age + 5;
age -= 5; // 相当于 age = age - 5;
age *= 10; // 相当于 age = age * 10;
8.1.6、运算符优先级
优先级 | 运算符 | 顺序 |
---|---|---|
1 | 小括号 | () |
2 | 一元运算符 | ++ 、 == 、 ! |
3 | 算术运算符 | 先乘除后加减 |
4 | 关系运算符 | > 、 >= 、 < 、 <= 、 |
5 | 相等运算符 | == 、 != 、 === 、 !== 、 |
6 | 逻辑运算符 | 先&&后|| |
7 | 赋值运算符 | = |
8 | 逗号运算符 | , |
总的来说就是:
- 一元运算符里面的逻辑非优先级很高。
- 逻辑与比逻辑或优先级高
- 点赞
- 收藏
- 关注作者
评论(0)