js中的运算符

什么是JavaScript？
js是运行在浏览器端的脚本语言，现在的JavaScript，包含三部分

• ECMAScript:语法规范
• BOM: 用于操作浏览器的一些api
• DOM: 用于操作网页中元素的api

注释：

不会被浏览器解析的代码，注释是给程序员看

单行注释，特点：只能注释本行 快捷键 ctrl + /
多行注释,可以注释多行内容 shift + alt + A

输出语句

// 1. 警告框 alert
alert('警告，你小心点');

// 2. 确认框 confirm
confirm('你爱我吗?');

// 3. 输入框 prompt
prompt('请输入你的银行卡密码');

// 4. 往页面中输出内容 document.write
document.write('<h1>哈哈哈</h1>');

// 5. 往控制台输入日志： console.log
console.log('你们好啊');

变量申明

	// 变量：可以变化的量, 作用：我们使用变量来存储数据
    // 1. 声明变量, 以后想要使用某个变量，必须先使用var来声明他
    var num;
    // 给变量赋值
    num = 18;
    console.log(num);

    // 2. 声明并且赋值一个变量
    var num1 = 20;
    console.log(num1);

    // 3. 同时声明多个变量
    var num = 10, num1 = 20;
    console.log(num, num1);

    // 4. 特殊的用法
    // 4.1 变量直接声明，不赋值   结果是undefined
    var num3;
    console.log(num3);

    // 4.2 变量不声明，直接赋值  虽然可以用，但是不要用
    num4 = 20;
    console.log(num4);  

    // 4.3 不声明变量，也不赋值变量  直接用会报错
    console.log(num5);  

变量的命名规则与规范

注意点：js代码如果某行代码报错了，就不会继续往下执行了。
规则：

1. 必须由 字母，数字，_，$ 这4部分组成, 数字不能开头
2. 变量还区分大小写

变量命名规范

• 变量名要有意义 见到名字知道意思
• 如果变量的名字比较长，推荐使用驼峰命名法

运算符

算数运算符

	// +: 加号
    // -: 减法
    // *: 乘法
    // /: 除法
    // %: 取模
    var num1 = 20;
    console.log(10 + 10);
    console.log(num1 + 20);
    console.log(10 + '10');
    console.log('10' + '10');

    // - 号只有算数的功能
    console.log(20 - 10);
    console.log('20' - '10');

    console.log(10 * '20');

    console.log(25/10);

    // 取余： 除不尽的余数
    console.log(44 % 3);

赋值运算符

	// = : 赋值运算符，表示把一个右边的值赋值给左边
    // =  +=  -=  *=  /=  %=
    var num = 11;
    // num += 值;   num = num + 值;
    num += 10; // 21  num = num + 10
    num -= 5; // 16   num = num - 5

    num *= 2; // 32   num = num * 2

    num /= 4; // 8

    num %= 3; // 2
    console.log(num);

自增与自减运算符

	// var num = 5;
    // ++ : 自增，表示让值 + 1
    // 两种写法
    // num++ :  后自增,   num++先返回原来的值， 再让num+1
    // ++num ： 先自增    ++num 先让num+1  在返回结果
    // console.log(++num);
    // console.log(num);


    // 1. 无论先增还是后增， num最终都要+1
    // 2. num++ 和 ++num 整个的结果是不一样
    // 3. num++ :得到的是之前的值  ++num: 得到的是+1后的值

    var num = 10;
    // console.log(++num);
    // console.log(num);
    var a = num++;
    console.log(num);

逻辑运算符

	// &&: 与  两边都要为true，结果才能为true
    // ||：或  两边只要有一边为true，结果就是true，
    // ! : 取反 非运算符  

    // &&： 两边都要是真，结果才是真，  只要有一个为假，结果就是假
    // ||:  两边只要有真，结果就是真， 只有两边都为假 结果是假
    // !: 真变假
    console.log(true && false);
    console.log(false && false);
    console.log(true && true);
    console.log(true || false);
    console.log(false || false);
    console.log(!true);

比较运算符

	// = : 赋值元算
    // == : 比较值是否相等
    // != : 不等
    // > 大于
    // < 小于
    // >= 大于等于
    // <= 小于等于

    // ===: 全等
    // !== :不全等
    // == 运算符，不比较类型，只会比较值
    // === 全等 值要相等，类型也要相等
   	console.log(2 === 2);
    console.log('2' === 2);

    // == 和 != 不管类型，只比较值
    console.log(2 != '2');

    // === !== 比较类型和值
    console.log(2 !== 2);

运算符的优先级

• ()的优先级最高
• 一元运算符(++, --, !)
• 算术运算符（先*/%, 后±）
• 关系运算符 (先> < >= <=， 后== === != !==)
• 逻辑运算符（先&&后||）