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

2019-04-11  本文已影响0人  陳先生_2211

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();
上一篇下一篇

猜你喜欢

热点阅读