通过本小白的学习，大胆的将JS运算符分为 连接符、转义字符、算数运算符、赋值运算符、关系运算符、条件运算符、逻辑运算符。接下来让我们一起来学习、掌握它们吧。
一、了解变量
首先对JS小白来粗略的了解下，如何定义变量，及变量的赋值，上篇文章已经提到过JS的特点，其中就有：JavaScript 是一种基于对象的脚本语言，是一种简单弱类型脚本语言。也就是说可以用java面向对象的思想来看待它，但是它的变量类型采用的是弱引用类型，并未使用严格的数据类型。
定义变量：var（关键字） a(变量名) ；
变量的赋值： a= 6; a="Hello" ;a = true; 变量赋值的特点具有唯一性，一个变量就只能对应一个值
变量的命名规则：
1.由字母、数字、下划线、$符号 组成
2.不能以数字开头
3.区分大小写
4.不可使用关键字（关键字就是 那些语言开发人员所定义的具有某些特殊含义的字）
简单的引入一下变量，后续文章会做详细的讲解。
二、连接符（+）
用连接符可以实现多个字符连接在一起形成一串字符
下面通过例子对连接符进行系统的学习
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="UTF-8">
<title>学习运算符</title>
<script>
var a = 6;
var s = "hello";
var c = true;
var d = false;
document.write(a+s+c);//展示连接符的效果
//
document.write(s+a+a);
// 结果是hello66
document.write(a+a+s);
// 结果是 12hello
document.write(c+c+s);
//结果是：2hello
document.write(d+c+s);
//结果是1hello
document.write(d+d+s);
//结果是0hello
document.write(d+d+a);
// 结果是 6
document.write("\t")
document.write(c+d+d);
//结果是 1
document.write(c+a);
// 结果是7
</script>
</head>
<body>
</body>
</html>总结：1.当字符串与任何类型的数据连接，最终都是字符串。
2.当boolean类型的数据与boolean类型的数据相连接
或者int 类型与boolean类型，进行的是常量的求和运算，其中 true是1 false是0
三、转义字符 ( \ )
| 转义序列 | 字符 |
|---|---|
| \b | 退格 |
| \f | 走纸换页 |
| \n | 换行 |
| \r | 回车 |
| \t | 横向跳格 (Ctrl-I) |
| \' | 单引号 |
| \" | 双引号 |
| \\ | 反斜杠 |
示例：
// 题目： 显示 张三说：“你好”
// 当双引号是中文格式的时候，可是正常显示，当它是英文格式的时候不能正常显示，这时就需要转义字符了
// （不能显示的原因是因为它被语言开发者赋予了别的含义）
alert("张三说：“你好”")//中文格式的双引号
alert("张三说：\"你好\" ")//英文格式的需要转义四、算数运算符
算数运算符有：+(加) -（减） *（乘） /（除） 与数学上的运算一致
++（自增运算符） --（自减运算符）
下面看两个例子
var m = 3;
var n = 5;
alert(m++); //结果是:3 先取值再加一
var m = 3;
var n = 5;
alert(++m); //4 先加一在取值练习：
var m = 3;
var n = 5;
alert(m++); //结果是：3 先取值再加一
//此时m=4
alert(++m); //结果是5 先加一在取值五、赋值运算符
赋值运算符有：=，+=，-=，*=，/=
简单的赋值操作符由等于号（=）表示，其作用就是把右侧的值赋给左侧的变量。
如果在等于号（=）前面再添加乘性操作符、加性操作符或位操作符，就可以完成复合赋值操作。
num = num + 10; 等同于num += 10;
设计这些操作符的主要目的就是简化赋值操作。使用它们不会带来任何性能的提升。
六、关系运算符
关系运算符有：> >= < <= == === != !==
其中>(大于)、<(小于)、>=(大于等于)、<=（小于等于）与数学上一致不做过多陈述
== !=只是比较值是否相同
=== !== 比较值和值的类型是否一致
七、条件运算符（三元运算符或三目运算符）
条件运算符： 表达式？值1：值2
运算过程：先判断表达式的结果 如果结果为true取值1 如果结果是false 取值2；
例子：
//判断num是偶数还是奇数
var num = 8;
var result = num%2==0?"偶数":"奇数";
alert(result);//结果是偶数八、逻辑运算符
逻辑运算符有 &&（与） ||（或） ！（非）
例子：
var h5 = 56,js= 67;
// 判断h5和js是否都考试及格
var result= h5>=60&&js>=60;
alert(result);//结果是false总结：&&
左右两边都为true 结果为true，其它情况均为false；
扩展----如果左边为false 则 右边不执行(原因是：只要第一个为false,无论右边是什么结果 其结果均为false 提高了运算效率)
总结：||
左右两边有一个为true 结果为true，两边都为false的情况结果是false；
扩展----如果左边为true 则 右边不执行(原因是：只要有一个为true，无论右边是什么结果 其结果均为true 提高了运算效率)
此外：
0相当于false ，非0相当于true；
“”相当于false，非“”相当于true;
九、完结
相关视频：链接：https://pan.baidu.com/s/1-qUw1o_Rn3frpA7TibBg9w 密码：br56
想get更多的基础内容，请持续关注小白。
扫一扫
502
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
