🚀从零开始学习JS基础5️⃣🚀

举报
XiaoLin_Java 发表于 2022/02/22 15:44:49 2022/02/22
【摘要】 六、解释型语言和编译型语言 6.1、概述    计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具,被称为翻译器。    翻译器翻译的方式有两种:一个是编译,另外一个是解释。两种方式之间的区别在于翻译的时间点不同:编译器是在代码执行之前进行编译,生成中间代码文件。解释器是在运行时进行及时解释,并立即执行(当编...

六、解释型语言和编译型语言

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中常用的运算符有:

  1. 算数运算符

  2. 递增和递减运算符

  3. 比较运算符

  4. 逻辑运算符

  5. 赋值运算符

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 逗号运算符 ,

    总的来说就是:

  1. 一元运算符里面的逻辑非优先级很高。
  2. 逻辑与比逻辑或优先级高
【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。