js初识1

JavaScript
1.定义:可以嵌入HTML文档,载体是浏览器,解释型脚本语言
    基于对象和事件驱动
2.注释方式
  1.//
  2./**/
  3./**
    */文档注释,API就是这么生成的。
3.引入方式
  外部引入:新建文件夹和文本文档//常用
  <script type="text/javascript" src="script/1.js">
  alert("打开一个弹框");
  </script>

  内部引入
  <script>
  //书写js脚本地方
  console.log("内部的js脚本");//输出到控制台,可用来调试
  </script>
4.数据类型
  1.弱类型语言
    声明变量时变量是没有类型的,给它什么赋值,它就是什么类型的。
    java是强类型的,当声明时就定义好类型了,赋值只能赋值特定类型

  2.声明变量 var 变量名
    a.变量名由数字 字母 _ $组成,不能以数字和某些关键字开头
    b.变量名严格区分大小写
    c.最好能见名知义:驼峰AnriodArm 下划线分隔单词
  3.分类: 特殊数据类型:undefined
      基本类型:字符串 数字 布尔boolean(T F)
      复合数据类型:Object//对象类型
      函数数据类型:function
   栗子:1.var a;//默认类型为undefined
      console.log(typeof(a));//用控制台检查类型为undefined;

                //内置函数typeof(变量名)可获得变量的数据类型
      2.a=null;//空对象
      a={name:"李四",age:18};
      console.log(a.name);
        3.//两种定义函数的方式

      a=function(){
      alert(124);
      };
      function c(){
      };
5.运算符
  1.算术运算符:
    1.b=a+"1";//打印出来的是字符串拼接:201
      b=1+2+"201";//3201
      //只有加法可以字符串拼接,减法等不可以;
    2.a=1;b=2;
      console.log(a/b);//浮点除,有些值是0,默认为整除
      //个别情况下,0.1会变成0.0999999因为二进制0.1就是循环的
    //练习:12345 每一位数字取出来1 2 3 4 5    

1        a=12345;
2     var wan=parseInt(a/10000);
3     var qian=parseInt(a/1000)%10;
4     var bai=parseInt(a/100)%10;
5     var shi=parseInt(a/10)%10;
6     var ge=a%10; 
7     console.log(wan,qian,bai,shi,ge);//内置取整

  2.赋值运算符
    1.++
      a=1;//
      console.log(a++);//1,先使用a的值,然后再++
      console.log(++a);//2,先++,然后使用运算后的结果
      console.log(a);//2
      //练习:b=++a + a++ +a-- + --a;//8,2(a=2)+2(a=3)+3(a=2)+1(a=1);
    2.+= -= *= /= %=增量赋值
      var a=10;//赋值运算符
      a+=10;//a=a+10;前者为1步,后者为2步,增量运算效率更高。
      console.log(a);//20
      //-160 -180 200 10
      a+=a -=a *=a /=2;//从右往左,a本身不变
    3.比较运算符(返回结果为boolean)
      1.==不区分类型,只比较值
        b=a==10;//true将判断结果 赋值给b
      2.===区分类型
        b=a==="10";//false
      3.!=(!==)同上
      4.a=10;b="2";
        console(a>b);//true:类型转换:自动将字符串2转成了数字类型(当仅当字符串为全数字)字符是单个字符单个字符的比较
      //谷歌浏览器断点调试,Sources
        1:运行,一直执行到下一个断点
        2:一行一行调试
        3:进到函数
        4:跳出函数

        

    4.逻辑运算符(与或非&& || !布尔)
       &&和||的短路功能:
        a=false;
        b=2;
        var r=a&&b++==3;
        console.log(b);//计算到a为假,后面的就不运算了了,输出的b还是2
    5.条件运算符
      形式:boolean运算结果?结果1:结果2
      栗子:var age=19;
        var str= age>=18?"你已经成年"":"小屁孩";
        console.log(str);
        //练习 计算年终奖:var salary=5000;
                  salary=salary>5000?salary+salary*0.3:salary+salary*50%;
6.结构控制语句
  1.分支语句
    1.if语句
      栗子var age=19;
        if(age<18){
        console.log("小屁孩回家去");
        }//语句块,代码块
        else{
        console.log("来吧 来吧 相约98");
        }
    2.else if(){}嵌套
      栗子var salary=9000;
        if(salary<=5000){
          salary+=salary*0.5;
        }
        else if(salary<=8000){
          salary+=salary*0.3
        }
        else if(salary<=10000){
          salary=salary*0.15;
        }
        console.log("年终奖为:"+salary)

  2.switch case
    ===//case比较时是带类型的比较;
    栗子var day=1;
      var week;
      switch(day变量名){
        case 0://如果day==0,就执行以下
          week="星期天";
          break;//退出整个switch块;
        case 1: //case 后具体值不能重复
          week="星期一";
          break;
        default:
        week="ERROR";//相当于else
      }
      console.log(week);
    栗子2//月份天数判断,可并列
      var month=4;
      var year=2008;
      switch(month){
        case 1:case 8:case 10:case 12:days=31;break;
        case 2:case 6:case 9:case 11:days=30;break;
      }
      console.log(month);
  2.循环语句
    1.while循环
    2.两个关键字
      break;//退出当前层循环
      continue;//退出本次循环,继续下一次循环
      栗子:
        i=0;
        while(i<=99){
          i++;
          if(i%2==1){
            continue;
          }
        console.log(i);
        }//打印偶数
    3.for循环
      for(起始条件;判断条件;变化条件){
        循环内容
      }














猜你喜欢

转载自www.cnblogs.com/anzhilanxiao/p/javascript.html
JS1
今日推荐