美文网首页
js小知识1

js小知识1

作者: 晓箬 | 来源:发表于2017-10-22 13:24 被阅读0次

    一、命名规范

    驼峰命名法
        匈牙利命名法
        oBtn        object          一个按钮
        aBtn        array           一组按钮
        sName       string          字符串名字
        iAge        int             整数年龄
        fPrice      float           小数价格
    

    二、流程控制语句

    if  
        if else         
        if else if
    
        switch          
            switch(变量){
                case item1:
                    coding
                    break;
                case item2:
                    coding
                    break;
                case item3:
                    coding
                    break;
                default:
                    coding
                    break;
            }
    

    三、返回值

    return
    
        function 函数名(参数){
            coding
            return ;
        }
    
        调用某个函数,可以返回一个东西。
    
    return有特点
        如果不写return,默认返回undefined
        如果写了return,但是没写值。依然返回undefined
        return后面的代码不执行
    
    =================================================
    return的作用:
        1.返回东西
        2.阻断程序执行
    
    
    function show(){
        oDiv.style.display = 'block';
    }
    show()
    
    
    function sum(a,b){
        return a+b;
    }
    var result = sum(12,5);
    

    四、随机数

    随机数
        Math.random()           
            从0-1的随机小数
            会出现0,但是绝对不会出现1
    
    获取从n-m的随机整数
    function rnd(n,m){
        return parseInt(Math.random()*(m-n)+n);
    }
    rnd(10,20);
    

    五、运算符

    算数运算符
            +   -   *   /   %(模、取余)
            %
                10%3    1
                2%2     0
    
            隔行变色
                0   %2  0
                1   %2  1
                2   %2  0
    
        赋值运算符
            =
            +=  -=  *=  /=  %=
        比较运算符
            >   <   >=  <=
            ==          !=(不等)
            ===(全等)     !==(不全等)
        逻辑运算符
            &&      (与, 并且)         都满足
            ||      (或, 或者)         满足一个
            !       (非, 取反)         相反的结果
    

    六、定时器

    setInterval         隔一段时间执行一次
    
        var timer = setInterval(function(){
    
        },ms);          ms毫秒
        setTimeout          过一段时间执行一次,只有一次。
        var timer = setTimeout(function(){
    
        },ms);
    
    注意:开定时器之前,先清除
        清除定时器
            clearInterval(timer);
            clearTimeout(timer);
    

    七、日期对象

    var oDate = new Date();
        获取年
            oDate.getFullYear();
        获取月
            oDate.getMonth();
            从0开始
        获取日
            oDate.getDate();
        获取时
            oDate.getHours();
        获取分
            oDate.getMinutes();
        获取秒
            oDate.getSeconds();
    

    八、设置日期时间

    设置年
            oDate.setFullYear(y,m,d);           设置年月日
            oDate.setFullYear(y,m);             设置年月
            oDate.setFullYear(y);               设置年
        设置月
            oDate.setMonth(m,d);                设置月日
            oDate.setMonth(m);                  设置月
        设置日
            oDate.setDate(d);                   设置日
    
        不能设置星期
    
        设置时
            oDate.setHours(h,m,s,ms);           设置时分秒毫秒
            oDate.setHours(h,m,s);              设置时分秒
            oDate.setHours(h,m);                设置时分
            oDate.setHours(h);                  设置时
        设置分
            oDate.setMinutes(m,s,ms);           设置分秒毫秒
            oDate.setMinutes(m,s);              设置分秒
            oDate.setMinutes(m);                设置分
        设置秒
            oDate.setSeconds(s,ms);             设置秒毫秒
            oDate.setSeconds(s);                设置秒
        设置毫秒
            oDate.setMilliseconds(ms);          设置毫秒
    

    九、倒计时

    倒计时
        获取目标时间,时间戳
        时间差 = 目标时间戳-当前时间戳
    设置时间戳
            oDate.setTime();                
    
    时间戳         格林威治时间(1970-1-1 00:00:00.000)
    从1970年1月1日0点0分0秒0毫秒开始,到现在所经历的毫秒数
    

    相关文章

      网友评论

          本文标题:js小知识1

          本文链接:https://www.haomeiwen.com/subject/rrmguxtx.html