JS入门到精通

1.运算符的优先级

，运算符
可以同时声明多个变量并赋值

 var a=1,b=2,c=3;
 alert(b);

先乘除，后加减
在下表中位置越靠上，优先级越高，越先计算
如果优先级一样，则从左往右计算

如果遇到优先级不清楚的，可使用（）改变优先级，即可不用背表

2.代码块

在JS中可以用{}来为语句分组。
同一个{}中的语句称为是一组语句，它们要么都执行，要么都不执行，一个{}中的语句也称为叫一个代码块
在代码块的后边就不用再编写;了

JS中的代码块，只具有分组的作用，没有其他的用途。
代码块内部的内容，在外部是完全可见的。

3.流程控制语句

1.if条件判断语句

可以在执行某个语句之前进行判断，如果条件成立才会执行
if语句

  语法一:
   if(条件表达式)
       语句. . . alert(" ");  

  语法二：
   if(条件表达式){
       语句. . .;}
    else{
    	语句. . .};    


   语法三：
   if(条件表达式){
       语句. . .;}
    else if(条件表达式){
        语句. . .}
    else if(条件表达式){
        语句. . .}
        else{语句. . .};  
       

if语句在执行时,会先对条件表达式进行求值判断,如果条件表达式的值为true,则执行if的语句
if语句只能控制紧随其后的那个语句，如果希望if语句可以控制多条语句，可以将这些语句统一放到代码块{ }中
if语句后的代码块不是必须的，但是在开发中尽量写上代码块，即使if后只有一条语句




如果所有条件都不满足，则执行最后一个else后的语句。
该语句中，只会有一个代码块被执行，一旦代码块执行了，则直接结束语句。
可以用&&在后面限制条件

2.switch条件分支语句

根据null的值，输出对应的中文

语法:
 	switch(条件表达式){
		case 表达式：
			语句. . .
			break;
		case 表达式：
			语句. . .
			break;
		default:
			语句. . .
			break;
			}

执行流程：
switch. . .case. . .语句
在执行时会依次将case后的表达式的值和switch后的条件表达式的值进行全等比较
如果比较结果为true，则从当前case处开始执行代码，当前case后的所有代码都会执行

使用break;可以来退出switch语句，确保只会执行当前case后面的语句，而不会执行其他的case
如果比较结果为false,则继续向下比较。

根据num的值，输出对应的中文
如果所有的比较结果都为false,则只会进行default后的语句

4.循环语句

可以反复的执行一段代码多次

1.while循环（先判断，后执行）

即可以执行多次的if

while(条件表达式){
          语句. . .}

{ }：循环体
while语句在执行时，先对条件表达式进行求值判断，如果值为true，则执行循环体。循环体执行完毕 以后，继续对表达式进行判断，如果为true，则继续执行循环体；如果值为false,则终止循环。

创建一个循环，往往需要三个步骤
1.创建一个初始化的变量

var i=0;

2.do. . .while循环 先执行后判断

语法：

do{
     语句. . .
     }while(条件表达式)

实际上这两个语句功能类似，不同的是执行先后
do. . .while可以保证循环体至少执行一次，而while不能

3.for循环

在for循环中，为我们提供了专门的位置用来放三个表达式：
1.初始化表达式
2.条件表达式
3.更新表达式
语法：

for(①初始化表达式;②条件表达式;④更新表达式){
		③语句. . .
			}

for循环的执行流程：
①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
②执行条件表达式，判断是否执行循环
  如果为true，则执行循环③
  如果为false，终止循环
④执行更新表达式，更新表达式执行完毕继续重复②

• 执行10次的循环
  
  foe循环中的三个部分可以省略，也可以写在外部
  如果在for循环中不写任何的表达式，只写两个; 此时循环是一个死循环，会一直执行下去，慎用
  练习：
  1.打印1-100之间所有奇数和

<script>
       var sum = 0;   （定义在for循环外面或在初始化的位置）
    //   打印1-100之间的数
       for(var i=1;i<=100;i++){
    // 除以2余数不等于0的数         
            if(i%2 !=0){sum=sum+i}; 

            // console.log(i); 
        }
            console.log("奇数之和为："+sum);
    </script>

2.打印1-100之间所有7的倍数的个数及总和

 <script>
        // 定义一个变量，来保存总和；定义一个计数器，来记录数量
        for(var i=1 , sum=0,count=0; i<=100;i++){                  //定义在初始化位置
            if(i%7==0){sum +=i;
            count++; // 使计数器自增1   
               }
                }
        console.log("总和为:"+sum);
        console.log("总数量为："+count);

    </script>

3.

<script>
        // 先打印一个三位数
        for(var i=100;i<1000;i++){
                // 获取i的百位 十位 个位的数字 
                // 获取百位数字
                var bai =parseInt(i/100);

                // 获取十位数字
                var shi = parseInt((i-bai/100)/10);

                // 获取个位数字  直接除以10余数就是个位数字
                var ge = i%10;
                 // console.log(ge);

                // 判断i是否是水仙花数
                if(bai*bai*bai+shi*shi*shi+ge*ge*ge==i){console.log(i);}             
                            }
    </script>

4.质数练习

<script type="text/javascript">
        
        var num = prompt("请输入一个大于1的整数");
        if(num<=1){alert("该值不合法！");}
        else{
            var flag=true;
            for(var i=2;i<num;i++){
                if(num % i==0){
                // 如果num能被i整除，则说明num一定不是质数
                // alert(num+"不是质数")}

                // 设置flag为false
                flag =false;         
            }
         }
        //   如果num是质数则输出
        if(flag){
            alert(num +"是质数！！！");
        }   else{
            alert("这个不是质数")
        }
         }

</script>

5.嵌套的for循环

向body中输出一个内容
document.write("****")

 <script>
        for(var i=0;i<6;i++){
        document.write("******<br />");}
    这个for循环执行几次，图形的高度就是多少
 </script>

可以用来控制图形高度
在循环的内部再创建一个循环，用来控制图形的宽度

<script>
      for(var i=0;i<4;i++){
        // 控制高度
          for(var j=0;j<3;j++){document.write("*&emsp;");}
            // 宽度
          document.write(" <br />");}
            // 输出一个换行
</script>

练习

1.

<script>
        for(var i=0;i<6;i++){
        // 控制高度
            for(var j=0;j<i+1;j++){document.write("*&nbsp;");}
            // 宽度
            document.write(" <br />");}
            // 输出一个换行

            for(var i=0;i<6;i++){
            for(var j=0;j<6;j++){document.write("*");}
            document.write(" <br />");}

            for(var i=0;i<6;i++){
            for(var j=0;j<6-i;j++){document.write("*&nbsp;");}
            document.write(" <br />");}
</script>

<script>
    for(var i=1;i<=9;i++){
        for(var j=1;j<=i;j++){document.write(j+"*"+i+"="+i*j,"&emsp;");}
        document.write("<br />");}
</script>

• 针对中间有些地方还是不对齐，例如四五排中间，可以做如下修改：添加<span></span>
  

<script>
    for(var i=1;i<=9;i++){
        for(var j=1;j<=i;j++){document.write("<span>",j+"*"+i+"="+i*j,"</span>");}
        document.write("<br />");}
</script>
<style type="text/css">
    span{
        display: inline-block;
        width: 80px; }
 body{width:2000px;}
</style>

3.
for循环质数练习

<script type="text/javascript">
 // 打印2-100之间所有数
        for(var i=2;i<=100;i++){
        
        //创建一个布尔值，用来保存结果，默认i是质数
        var flag=true; 
        
        // 判断i是否为质数，先获取到1-i之间所有的数
        for(var j=2;j<i;j++){
            // 判断i是否能被j整除
            if(i%j==0){
                // 如果进入判断则证明i不是质数,修改flag值为false
                flag=false;
            }
        }
        if(flag){
        document.write(i,"&nbsp;");}
        }
    </script>

5.break和continue

break 终止当前循环

break关键字可以用来退出switch或循环语句

• 不能在if语句中使用break和continue
  
  
  注：此处的break是对for循环起作用
  break关键字，会立即终止离他最近的那个循环语句
• label:循环语句
  

continue 跳过当次循环

默认只对离他最近的循环起作用

测试程序性能：
console.time("计时器的名字 ");
终止计时器：console.timeEnd(" ");
经测试得，break可以提升性能，提高速度

5.质数练习的改进

修改j<=开方数：
可以通过Math.sqrt( );对一个数进行开方