JavaScript-6.内置函数

思维导图

https://www.kdocs.cn/view/l/spKXPnIWtQvf

一.构造函数和创建对象

1.两种函数

2.创建对象的俩种方式

1.两种函数

• 普通函数：用来实现某个功能
• 构造函数： 用来创建对象

<script>
  // 实现两个数相加的功能
  function add(a,b){
    var sum = a+b;
    return sum;
  }

  // 用来创建猫对象的一个函数
  function Cat(name,age) {
    this.name = name;
    this.age = age;
  }
  var cat = new Cat('小白',2);
  var cat2 = new Cat('小花',3);
  console.log(cat,typeof cat);
  console.log(cat2,typeof cat2); 
</script>

2.创建对象的两种方式

<script>
        //字面量方式创建对象
        var obj = {
            name: '张三',
            age: 20,
        }
        //声明构建函数，使用new的方式创建对象
        function cat(name,age){
            this.name = name;
            this.age = age;
        }
        var cat1 = new cat('小白',2);
        console.log(cat1,typeof cat1);
    </script>

三.日期对象常用方法和插件

1.创建日期对象

2.日期常用的方法

3.日期函数的应用

4.日期函数库 Moment.js 中文网

1.创建日期的3种方式

<script>
        // 方式1: 无参数
        var date = new Date();
        console.log('date', date);

        // 方式2: 参数为日期数字字符串
        var date2 = new Date('2020-12-12 00:00:00');//不设置时分秒默认时0,0,0
        console.log('date2', date2);

        // 方式3: 参数为数字0, 表示1970-01-01:8:00:00
        var date3 = new Date(0);
        console.log('date3', date3);

        // 方式4: 参数为距离1970年的毫秒数, 1970-01-02
        var date4 = new Date(86400000);
        console.log('date4', date4);
        // 2021-12-26
        var date5 = new Date(16405069127160);
        console.log('date5', date5);
</script>

2.日常常用方法

1.new Date() //输出当前的时间

2.getFullYear() //输出当前年份

3.getMonth() + 1 //输出月份，但需要加1，因为外国是从0开始算月份

4.getDate() //输入日

5.getHours() //输出小时

6.getMinutes() //输出分

7.getSeconds() //输出秒

8.getDay() //输出星期

9.getTime() //输出1970到现在的毫秒数

10.Date.now() //同上

<script>
        var date = new Date();
        console.log(date);
        console.log(date.getFullYear());
        console.log(date.getMonth());
        console.log(date.getDate());
        console.log(date.getHours());
        console.log(date.getMinutes());
        console.log(date.getSeconds());
        console.log(date.getDay());
        console.log(date.getTime());
        console.log(Date.now());
</script>

3.日期函数应用

1.格式化日期

<script>
        function formatDate(str){
            var date;
            if(!str){
                date = new Date();
            }else{
                date = new Date(str);
            }
            var Y = date.getFullYear();
            var M = date.getMonth()+1;
            var D = date.getDate();
            var h = date.getHours();
            var m = date.getMinutes();
            var s = date.getSeconds();
            M = M<10?'0'+M:M;
            D = D<10?'0'+D:D;
            h = h<10?'0'+h:h;
            m = m&