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

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();
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 10,147评论 0 5
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,461评论 0 4
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 14,743评论 0 38
  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 4,781评论 0 1
  • 参考《JavaScript设计模式与开发实践》 this 跟别的语言大相径庭的是,JavaScript的this总...
    16manman阅读 3,604评论 0 0