一 、javascript数据类型
六大数据类型
Number String Boolean null Undefined Object([] {} function)
ES6:
symbol
1. Number 数字
var num = 123;
2.String 字符串
var str = 'ok'
3.Boolean 布尔值 true/false
var onoff = true ;
4.Function 函数
1. 一 函数表达式
2.var abc = function(){}
3. 二 函数定义
4.function abc(){
5.}
5.Object 对象
(节点对象、自定义对象、array(数组)、json、null、系统对象) 简单介绍array json
Undefined 未定义
typeof obj 判断类型
二、判断语句
- 尽量不要发生多层嵌套的if
判断语句返回Boolean(布尔值)
==
判断值>
大于<
小于<=
小于等于>=
大于等于!=
不等于===
全等于 除了判断值,还会判断数据类型!==
不全等
== 和 ! = 当两个比较参数类型不同时,会发生类型转换
=== 和 ! == 不会发生类型转换
>=
<=
值类型不同时,也会发生类型转换
++
和--
会自动的把字符串转化为数值,值不相等时还会发生类型转换!
false
0
""
null
undefined
nan
- 比较符最终比较的都是 布尔值
赋值行为不是比较行为
三、 if 条件语句
当我们的
if
判断只有一条语句的时候,并且语句只有一条的时候,后面的花括号可以不用写,两条就不行
if (a > 5) a = 1;
let a = 1,
b = 2,
c = 3;
d = 4;
if ( a === b ) {
console.log("输出1");
}else if ( b === c ) {
console.log("输出2");
}else if ( c === d ) {
console.log("输出3");
}else {
console.log("都不是");
}
if()中的条件会强制转化为布尔值,为false数据: false 0 '' null undefined NaN
四、 三目运算
if
一定有且仅有两个分支,并且每个分支只有一条语句
a === b ? console.log("输出1") : console.log("都不是");
等同于
let a = 1,
b = 2,
c = 3;
d = 4;
if ( a === b ) {
console.log("输出1");
}else {
console.log("都不是");
}
当我们逻辑中的都是执行同一个函数,那我们又可以进行缩写(等同于上面)
console.log( a === b ? "输出1" : "都不是" )
五、switch case 条件语句
if
可以写成 switch
语句必须满足的条件
每一次的分支判断都是采用的三个等于(===)
每一个分支的三个等于都是对用一个条件的判断
switch ( a ) {
case a === b :
console.log("输出1");
break;
case a === c :
console.log("输出2");
break;
case a === d :
console.log("输出3");
break;
default:
console.log("都不是");
break;
}
break break
语句。它用于跳出switch()
语句,来阻止代码自动地向下一个case
运行
default
关键词来规定匹配不存在时做的事情
开关代码
<div id="box"></div>
<script>
let box = document.getElementById("box");
let mark = true;
box.onclick = function () {
if ( mark ) {
box.style.width = "500px";
mark = false;
}else{
box.style.width = "100px";
mark = true;
}
}
</script>