美文网首页
2019-02-25date对象、构造函数、数学对象、call和

2019-02-25date对象、构造函数、数学对象、call和

作者: 陳先生_2211 | 来源:发表于2019-04-11 19:43 被阅读0次

    date对象、构造函数、数学对象、call和apply

    一、date对象

    new关键词做了什么事?
    1).创建一个新的对象
    2).将构造函数的作用域(this)指向新的对象
    3).将新的对象赋值给这个变量

    new Date()和Date()的区别?
    1). new Date()返回的是一个日期对象,而Date()返回的是字符串
    2).直接调用Date()方法返回的值不能调用Date对象的方法
    
    获取日期对象的方法:
     1.new Date():不传递参数,直接获取到当前的日期
    获取到传入日期的日期对象:2,3
    2.new Date(year,month,day,hour,min,secend,ms);:
        参数分别代表:年,月,日,时,分,秒,毫秒
    3.new Date(string);例如(尽量用/:兼容性比较高):2016/05/31 08:00
        string:表示一个字符串类型的日期
    4.new Date(ms);
        ms:毫秒数
    
    获取时间戳方法:
    1.getTime()获取时间戳
    2.直接在new Date()前面加一个+号
    3.Date.parse();
    
    var date6 = new Date();
    //获取年份
    console.log(date6.getFullYear());
    //获取月份
    console.log(date6.getMonth());
    //获取日
    console.log(date6.getDate());
    //获取到这天是周几
    console.log(date6.getDay());
    //获取小时
    console.log(date6.getHours());
    //获取分
    console.log(date6.getMinutes());
    //获取秒
    console.log(date6.getSeconds());
    //获取毫秒
    console.log(date6.getMilliseconds());
    

    二、构造函数

    通过new关键词来调用的函数叫做构造函数
    调用的返回结果叫实例化对象

    构造函数:通过new来调用的函数
    通常默认将函数名开头字母规定为大写(不是必须)(需要用new来调用)
    this:指的是你的函数执行时所在的环境(作用域)
        1)、创建一个新的对象
        2)、将构造函数的作用域指向新的对象
        3)、将新的对象赋值给这个变量
    
    //字面量
    var obj = {
        name:"bgg"
    }
    
    //通常默认将函数名开头字母规定为大写(不是必须)
    function Lunbotu(){
        btns = "null";
    //var btns = document.querySelector("btn");
        this.btn = document.querySelector("btn");//this指定为实例化对象 -》变成Lunbotu的一个属性
        //return btns;
    }
    var lunbotu = new Lunbotu();
    console.log(lunbotu);//lunbotu对象
    console.log(lunbotu.btn);//获取到的属性 null
    
    
    var lbt = Lunbotu();//普通函数 没有规定返回值
    console.log(lbt);//undefined 没有return
    console.log(window.btn);//null
    

    三、数学对象

    1.Math.floor():向下取整
    2.Math.ceil():向下取整
    3.Math.round():四舍五入
    4.Math.abs():取绝对值
    5.Math.max(num1,num2,....):返回传入参数的最大值
    6.Math.min(num1,num2,....):返回传入参数的最小值
    7.Math.pow(x,y):x的y次方,也可以通过y值来实现开方
    8.Math.aqrt(x):返回x的平方根
    9.Math.random();返回
    属性:
    1.Math.PI:圆周率
    
     Math.sin(x);得到x弧度的正弦值
     x:表示弧度
    
     角度转换为弧度
     弧度 = 角度*(2*Math.PI/360);
     弧度转角度
    

    四、call和apply

     obj1.skill.call(obj,arg1,arg2);
        obj:表示你要将this重新指向到的新对象
        arg1,arg2....:表示当做skill的参数传入
    
     obj1.skill.apply(obj,arr):将obj1的this指向obj这个对象
        obj:表示你要将this重新指向到的新对象
        arr:表示数组或者类数组,数组里面的元素当做是skill的参数传入
        
     call()和apply()区别:第二个参数不一样
     作用:表示你要将this重新指向到的新对象
    
    var obj1 ={
        name : "bgg",
        skill:function(age){
            console.log("您的名字"+this.name+"\n年龄是:"+age);
        }
    }
    var obj2 = {
        name :"hhh"
    }
    obj1.skill.apply(obj2,[18]);//您的名字hhh apply:改变this指向
    obj1.skill.call(obj2,['ssss',20]);      
    //          obj1.skill();//您的名字bgg
    
    /*
         JS可以通过call或者apply方法来实现继承
    */
    //实现继承的方法
    function Animal(nm){
        this.nm = nm;//构造函数写法
        this.skill = function(){
            console.log(this.nm);
        }
    }
    function Cat(nm){
        //构造函数里面的this是在实例化对象的时候才决定指向谁
        Animal.call(this,nm);
    }
    var test1 =new Cat("小猫");
    var test2 =new Cat("小狗");
    test1.skill();
    test2.skill();
    

    相关文章

      网友评论

          本文标题:2019-02-25date对象、构造函数、数学对象、call和

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