1.js基础语法

1.输入输出规范

<script>
    // 1.输入框
    prompt('请输入');
    // 2.alert弹出警示框
    alert('输入正确');
    // 3.控制台输出
    console.log('hello js');
</script>

2.函数规范

• 和Java类似,不过形参和实参数量不匹配，不会直接报错

// 1. 函数声明
    function bubbSort() {
        var arr = [1,2,3,5,0,3,9];
        for(var i = 0; i < arr.length-1;i++) {
            for(var j = 0; j < arr.length-1-i; j++) {
                if(arr[j] > arr[j+1]) {
                    var tmp = arr[j];
                    arr[j] = arr[j+1];
                    arr[j+1] = tmp;
                }
            }
        }
        console.log(arr.reverse());
    }
// 2. 函数调用
    bubbSort();

• argument：在js中，可以argument中存储着传递过来的实参，可以通过这个判断实参的数量和内容。只有函数才有这个argument内置对象。
• 随机生产范围的整数

// 随机生产范围的整数
    function getRound(min,max) {
        return Math.floor(Math.random()*(max-min+1))+min;
    }
    console.log(getRound(20,30));

3.js对象的创建和使用

1. 利用对象字面量创建对象;

    // var obj = {};   //创建一个空对象
    var obj = {
        uname:"张三丰",
        age:18,
        sex:'男',
        sayHi:function() {
            console.log('hi~');
        }
    }
    // 里面的属性或方法使用键值对的形式,方法冒号后面跟的是一个匿名函数
    // 2.使用对象
    //  (1).调用属性的两种方法(都经常用到)。对象名.属性名;对象名['属性名']
    console.log(obj.uname);
    console.log(obj['age']);
    //  (2).调用方法(不要忘记小括号)
    obj.sayHi();

2. 利用new object创建对象

// 2.利用new object()创建对象
    var obj = new Object();
    obj.uname = '张山峰';
    obj.age = 18;
    obj.sex = '男';
    obj.sayHi = function() {
        console.log('哈哈哈哈哈哈哈哈哈哈');
    }
    // 调用对象的属性和方法
    console.log(obj.uname);
    console.log(obj.age);
    obj.sayHi();

3. 利用构造函数创建对象,优点是可以创建多个不同对象

// 3.利用构造函数创建对象
    function Start(uname,age,sex) {
        this.uname = uname;
        this.age = age;
        this.sex = sex;
    }
    var lsh = new Start('刘德华',18,'男');
    var zjl = new Start('周杰伦',28,'男');
    console.log(lsh.uname);
    console.log(zjl['uname']);
    // 构造函数名必须首字母大写,构造函数不需要return就可以返回结果。调用构造函数必须使用new

4. 遍历对象使用 for…in…

var obj = new Object();
    obj.uname = '张山峰';
    obj.age = 18;
    obj.sex = '男';
    obj.sayHi = function() {
        console.log('哈哈哈哈哈哈哈哈哈哈');
    }
    //遍历对象
    for(var k in obj) {
        //console.log(k);   //输出的是属性名
        console.log(obj[k]);  //obj[k]输出的才是属性值，包括方法
    }

5. 数组增加和删除元素

   增加：头部使用unshift(),尾部使用push()
   
   删除：头部使用shift(),尾部使用pop()

4.date()显示日期和倒计时的应用

1. 按格式返回当前的日期

    var date = new Date();
    var year = date.getFullYear(); // 年
    var minth = date.getMonth()+1;  // 月,数组是重0号的索引开始的
    var dates = date.getDate();     // 日
    var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
    var day = date.getDay(); //返回一周的第几天,下标和月份一样，重0开始
    var hours = date.getHours()     //时
    var minutes = date.getMinutes() //分
    var second = date.getSeconds()  //秒
    console.log('今天是'+year+'年'+minth+'月'+dates+'号'+arr[day]+hours+'时'+minutes+'分'+second+'秒');

2. 显示剩余时间，可用于倒计时

// 倒计时
    function countDown(time) {
        var nowTime = +new Date();
        var inputTime = +new Date(time);
        var times = (nowTime - inputTime) / 1000    //times是剩余时间的总秒数
        var d = parseInt(times / 60 / 60 / 24) //天
        d = d < 10 ? '0' + d : d;
        var h = parseInt(times / 60 / 60 % 24) //时
        h = h < 10 ? '0' + h : h;
        var m = parseInt(times / 60 % 60)      //分
        m = m < 10 ? '0' + m : m;
        var s = parseInt(times % 60)           //秒
        s = s < 10 ? '0' + s : s;
        return '倒计时剩余：'+d + '天' + h + '时' + m +'分' + s + '秒';
    }
    console.log(countDown('2021-9-15 15:00:00'));