js简介(2)

发表于 | 分类于

程序三大流程

顺序执行：从上到下
分支执行：通过条件判断语句，执行相应的代码
循环执行：通过循环语句，执行响应的代码

进制

1.十进制
2.二进制 0b开头，取值为0或1
3.八进制 0o开头，取值0-7
4.十六进制 0x开头，取值0-9，a-f
5.进制转换
(1）十进制转多进制 toString(n)
(2) 多进制转十进制 parseInt(num,n);
(3) toFixed(n) 保留n位小数

语句

分支选择语句

（一）if语句

1.单分支 if(条件){满足条件执行代码}
if(a == 5){
     alert("这个数是5");
    }
2.双分支 if(条件){满足条件执行}else{不满足if条件执行这里的代码}

if(a == 5){
alert(“这个数是5”);
}else{
alert(“这个数不是5”)
}

3.多分支

if(条件1){
满足条件1执行
}else if(条件2){
满足条件2执行
}else{
不满足以上所有条件执行
}

常犯错误：

  1. = 代表的是赋值号， a = b; a =c;相当于b =c。这种说法是不存在的，从始至终，只改变了a的取值，b没有任何变化。

补充：

点击事件执行函数

（1）给元素添加[onclick = “函数名（）”] （2）定义函数：function 函数名(){}
(2) ele.onclick = 函数名 （2）定义函数：function 函数名(){}
(3)ele.onclick = function(){} <== 匿名函数

switch语句

switch(变量||表达式){
case 值1:
case 值2:
满足值1执行这里代码;
break;
case 值3:
满足值2执行这里代码;
break;
…..
default:
以上条件都不满足执行这里的代码;
break;
}
注意事项：

  • 语句在比较值时使用的是全等操作符
  • break: 跳出switch语句
  • switch (true){
    **case _num1>85:** box.innerHTML = "优秀" ; break;
**case _num1>=75&&_num1<=85:** box.innerHTML = "良好" ; break;
**case _num1>=60&&_num1<=75:** box.innerHTML = "及格" ; break;
**case _num1<60:** box.innerHTML = "不及格" ; break;
    }当其中case的条件为真时执行冒号后面的代码.

循环语句

概念：当满足一定条件的前提下，反复执行某一段代码（死循环）,直到条件不再满足时退出。
三大要素：变量初始化、条件、变量更新

while语句

变量初始化
while(条件){
//条件成立就会不断地执行这里的代码，直到条件不成立 

//所以这里一般会伴随着条件的更新

}

备注：若想在输出多个值作为元素的内容，可以考虑字符串拼接的方式。在循环结束后，再给元素赋值。

do while 语句

do{

**这里代码必执行一次**

**}while(条件)｛**

｝

for(变量初始化;条件;变量更新){执行的代码}

for(var i=10;i>0;i–){
console.log(i);
}
如何找bug？（1）console提示bug （2）source-打断点-watch添加观察的变量-f10跳过一个函数-f11执行函数的每一句代码

备注：window.onload = function(){}

当页面中的所有内容加载完毕后，才执行函数里面的代码

break、continue（循环语句使用）

1.break 跳出当前整个循环
2.continue 跳出本次循环，继续下一次循环
  • break一旦运行，当前循环语句里面的代码都不再执行。
  • 在多层循环嵌套中，一个break语句只向外跳一层循环。
  • break和continue后如果带标识，可以跳出标识所在循环

循环嵌套

for(var i=0;i<3;i++){
for(var j=0;j<3;j++){
console.log(i,j); //00 01 02 10 11 12 20 21 22
}
}
// 执行完里层循环，再执行外层循环