JavaScript笔记2：标识符、关键字、保留字；运算符

夏天的遥遥漓曦

已于 2023-03-24 19:37:03 修改

阅读量196

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端开发语言

于 2022-12-15 14:30:52 首次发布

本文链接：https://blog.csdn.net/m0_73809176/article/details/128328853

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一、标识符、关键字、保留字

1.标识符

指开发人员为变量、属性、函数、参数取的名字

标识符不能是关键字或保留字

2.关键字

如：break、case、continue、default、do、else、with等

3.保留字

实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能成为关键字，同样不能使用它们当变量名或方法名。

如：boolean、class、extends、long、package、import、final、int、float等

二、运算符

运算符也称为操作符，

1.算术运算符

1）+ - * / %

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        console.log(0.1 + 0.2);     //0.30000000000000004    结果不是0.3
        console.log(0.07 * 100);    //7.000000000000001      结果不是 7
        var num = 0.1 = 0.2；
        console.log(num == 0.3);    // false
    </script>
</head>
</html>

注：不要直接判断两个浮点数是否相等

2）递增（++）、递减（--）

——反复给数字变量添加或减去1，可放在变量前或后面。放在变量前面时，称为前置递增（递减）运算符，放在变量后面时，称为后置递增（递减）运算符

注：递增、递减运算符必须和变量配合使用。

++num <=> num = num + 1 （前置运算符）前置递加先自加，后返回值
num++ <=> num = num + 1 （后置运算符）后置递加先返回原值，后递加

var num = 10;
console.lod(++num + 3);
//-->前置递加  先自加，后返回值  14（11+3）

console.log(num++ + 3);    //13（10+3）
console.log(num);          //14（13+1）
//-->后置递加   先返回原值，后递加  

var e = 10;
var f = e++ + ++e;    // 1. e++ = 10  e = 11  2. e = 12  ++e = 12
console.log(f);       // 22

2.比较运算符（关系运算符）

比较运算后，会返回一个布尔值

< > >= <= ==（比较值，不要求数据类型） != （=表示赋值）

=== !==（全等，要求值与数据类型相同）

3.逻辑运算符

3.1 逻辑运算符

会返回一个布尔值

给定 x=6 以及 y=3，下表解释了逻辑运算符：

运算符	描述	例子
&&	and（与）	(var x = 12 < 10 && 3 > 1;) 为 true
\|\|	or（或）	(var x = 2 > 3 \|\| 1 > 2;) 为 false
!	not（非）	!(x==y) 为 true

3.2 短路运算（逻辑中断）

短路运算的原理：当有多个表达式（值）时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值

3.2.1 逻辑与

语法：表达式1 && 表达式2
如果第一个表达式的值为真，则返回表达式2
如果第一个表达式的值为假，则返回表达式1

console.log(123 && 456);    // 456
console.log(0 && 456);       // 0
console.log('' && 1 + 2 && 456 *5678);   // <empty string>
 // 如果有空的或者否定的为假 其余是真的。  0 '' null undefined NaN

3.2.2 逻辑或

语法：表达式1 || 表达式2
如果第一个表达式的值为真，则返回表达式1
如果第一个表达式的值为假，则返回表达式2

        console.log(123 || 456);    // 123
        console.log(0 || 456);       // 456
        console.log('' || 1 + 2 || 456 *5678);   // 3

4.赋值运算符

= += -= *= /= %=

如：x %= y <==> x = x % y


console.log(x = 5 + 5);    //10

console.log(y = "5" + 5);   //55

console.log(z = "Hello" + 5);  //Hello5

5.运算符优先级

优先级	运算符	顺序
1	小括号	（）
2	一元运算符	++ -- ！
3	算数运算符	*先 / % 后 + -**
4	关系运算符	> >= < <=
5	相等运算符	== != === !==
6	逻辑运算符	先 && 后 \|\|
7	赋值运算符	=
8	逗号运算符	,