美文网首页
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和

    date对象、构造函数、数学对象、call和apply 一、date对象 new关键词做了什么事?1).创建一个新...

  • js构造函数继承

    1.构造函数绑定 最简单,使用call和apply,将父对象的构造函数绑定到子对象身上 2.prototype模式...

  • js-继承

    一、构造函数绑定使用call或apply方法,将父对象的构造函数绑定在子对象上,即在子对象构造函数中加一行。Ani...

  • 面向对象

    获取地址栏参数 math 单体创建对象 工厂模式创建对象 构造函数 原型模式 call和apply 函数的继承 新...

  • 前端(十五)

    获取地址栏参数 Math 单体创建对象 工厂模式创建对象 构造函数 原型模式 call和apply 函数的继承 新...

  • js 继承

    js继承有四种方式 1. 构造函数绑定 使用call或apply方法,将父对象的构造函数绑定在子对象上,即在子对象...

  • js构造函数

    构造函数 系统自带的构造函数 对象和构造函数是两回事 对象是通过实例化构造函数而构造的对象实例 自定...

  • 70-继承方式四-终极方案

    终极方案在子类的构造函数中通过 call 借助父类的构造函数将子类的原型对象修改为父类的实例对象 funct...

  • 面向对象五

    面向对象高级二 总结 PHP 里的面向对象、继承方式 JS 里的继承方式 call(构造函数伪装) 和 proto...

  • php 魔术方法

    __construct(),类的构造函数 __destruct(),类的析构函数 __call(),在对象中调用一...

网友评论

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

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