基础数据类型及运算符1. 定义变量规则

1.不能使用关键字或者保留字，（js里面已经赋予他有意义的词，或者留着备用的词）
2.只能包含 数字 字母 $ _ 并且不能以数字开头
3.严格区分大小写
4.尽量见名知意

#声明变量：
#单个变量：
var a = 10;
a=20;
#多个变量声明
var a ,b , c;
       a = 10;
       b = 20;
       c = 30;

2.js六大数据类型

#查看数据类型：
alert(typeof a);

#number——数字  在js里面的小数和整数统一都是数字，-2^53-2^53，超出范围之后
精度就会不准确
var a = 10;//number


#string——字符串
var a = "10";//string

#boolean——布尔值 true false
var a = true;//boolean
true==1 是True
除了1是True其他都是False

#function——函数
var a = function () {
            alert(1);
        };


#object——对象
var a = document;//object
var a = document.getElementById("box");//object
var a = [ 1, 2, 3 ];//object
var a = {};//object

#undefined——未定义 一个变量声明之后没有赋值就是undefined

3.算数运算符

算数运算符（基础数字运算）
    + - * / %(求余数）
当不是数字之间的运算的时候
    + 字符串拼接
    -/*%  尽量将字符串转换成数字（隐式类型转换）

var a = 5;
alert( a + "3" ); #连接符号  a3

var a = "6";
alert( a - 3 );  #  2
alert( a - "2" );  # 4
alert( a * "3" ); #18
alert( a / 2); #3
alert( a / "2" ); #3
alert( a % "4" ); #2
var a = "a";
alert( 6 - a ); # 报NaN的运算异常


#NaN :Not a Number  number类型
    一般在非法运算的时候才会 出现NaN
# isNaN(参数) 判断是否是数字
        当参数是 数字，返回 false
        当参数不是数字，返回 true

4.运算符

#赋值运算符
+= -= *= /= %=

var x = 5;
x += 10;    #等价：x = x + 5;
x -= 2;     #等价：x = x - 2;
x *= 5;     #等价：x = x * 5;
x /= 2;     #等价：x = x / 2;
x %= 2;    #等价：x = x % 2;


++   -- 两个都存在隐式类型转换，会全部转换为数字
++x #先计算+1
 x++  #先运算在+1
var x = 5;
var y=x++;  #y=5
var z=++x; #z=6

var x = 5;
var y=x--;  #y=5
var z=--x; #z=4


#比较运算符


< 小于
var a=1
var b=2
alert(x<y);  #true
> 大于
var a=1
var b=2
alert(x>y);   #false

 <= 小于或者等于
var a=1
var b=2
alert(a<=b);   #true

>=  大于或者等于
var a=1
var b=2
alert(a>=b);   #false

!=  不等于，只是判断值相等
var x=5
var  y="5"
alert(x!=y); #false


!== 不等于，类型也判断
var x=5
var  y="5"
alert(x!==y); #true

== 是否相等
var x=5
var  y="5"
alert(x==y); #true

true==1 是True
除了1是True其他都是False

===
var x=5
var  y="5"
alert(x===y);

== 和 ===的区别
== 只判断值是否一样
=== 不仅仅判断值，还判断类型是否一样

#逻辑运算符

针对布尔值
&&  与 两边都为真，结果才为真，其他为假
||  或 两边都为假，结果才为假，其他都是真
!  非 取反，真变假，假变真

当逻辑运算符，两边不一定是布尔值的时候
&& 遇到假就停，但是不会进行类型转换
|| 遇到真就停，。。。
！ 隐式类型转换，将后面的数据先转换为布尔值再取反
var x = true && false;  #false
var x = false || true;  #false
var x = !true;  #false
alert(!0);   #0是false 其他非0都是true
var a ;
var  x=0||NaN||null||a
alert(x) // undefined

5.if判断

#当if的条件 运算完后不是布尔值的时候，会被强制性的转换为布尔值
下面这些值，在转换为布尔值的时候为false
false          boolean
0              number
""            string
null          object
undefined      undefined
NaN            number

if(" "){
    alert("真！");
}else{
    alert("假！");
}

6. for循环

for (var i = 0; i < 10; i++) {
    if (i === 4) {
        continue;//跳出当次循环，未执行的代码继续执行
    } else if (i === 6) {
        break;//中断循环，终止循环，结束循环，未执行的代码不执行
    }
    console.log(i);//0 1 2 3  5 
}

7.switch语句

var name = "Java";
switch(name){
    case "Java":
        alert(name );
        break;
    case "Python":
        alert( name);
        break;
    default:
        alert("未知");
        break;
}

8.通过变量操作元素的样式

var box = document.getElementById("box");
var btn = document.getElementById("btn");
#当我们需要修改单个属性的时候，我们一般都是直接.操作去修改元素的行内样式
box.style.width = "200px";
box.style.height = "200px";
box.style.background = "red";
box.style.cssText = "width: 200px;height: 200px;background: red;";
box.style.width = "200px";
btn.onclick = function () {
    if (box.id === "box") {
        box.id = "box1";
    } else {
        box.id = "box";
    }
}