对象及日期对象

对象

1.什么是对象

类是对象的抽象,对象是类的实例

程序=算法+数据结构

万物皆对象,对象是一个具体的事物,看到见摸得着,对象是一组无序相关属性和方法的集合(无序,所以对象没有length属性),所有事物都是对象,列如字符串,数值,数组,函数等.

• 属性:事物的特征,在对象中用属性表示(常用名词)
• 方法:事物的行为,在对象中用方法表示(常用动词)

2.对象的创建方式

1.利用字面量进行创建对象

//利用字面量创建一个空的对象
var obj ={};//创建了一个空的对象
var obj1={uname:'yiling',sex:'gril',age:21,sayHi:function(){console.log('hi..');}
}
// 1.里面的属性或者方法我们采取键值对的形式 键 属性名: 值 属性值
// 2.多个属性或者方法中间使用逗号分割
// 3.方法冒号跟的是一个匿名函数
//使用对象
//1.调用对象的属性 我们采取对象名.属性名 .我们理解为 的
console.log(obg1.uname);//yiling
//2.方法二调用 对象名['属性名'],注意括号里面的属性必须加引号,我们后面会用
console.log(obg1['uname']);//yiling
//3.调用对象方法 sayHi的执行 对象名.方法名() 千万别忘记添加小括号
obj1.sayHi();

作业

  /* 请用对象字面量的形式创建一个名字为可可的狗对象。具体信息如下：姓名：可可类型(ype):阿拉斯加状年龄：5岁颜色：棕红色。技能：汪汪汪(bark),演电影(showFilm)*/var dog = {uname: '可可',type: '阿拉斯加犬',age: 5,color: '棕红色',bark: function() {console.log('汪汪汪');},showFilm: function() {console.log('看电视');}}console.log(dog.age);console.log(dog['color']);dog.bark();//不需要再次加console.log,否则会报出underfined

2.利用new Object创建对象

var obj=new Object();//创建了一个空对象 注意O要大写
obj.uname="yiling";
obj.sex="男";
obj.age=18;
obj.sayHi=function(){console.log("hi")
}
//1.我们利用等号=赋值的方法 添加对象的属性和方法
//2.每个属性和方法之间 分号结束
//3.调用跟字面量的调用方法一样
console.log(obj.uname);
console.log(obj['age']);
obj.sayHi();

作业

  //  请用new Object形式创建一个鸣人对象。// 具体信息如下：// ·姓名：鸣人// 。性别：男// 。年龄：19岁// 。技能(ski):影分身术var obj = new Object();obj.uname = "名人";obj.sex = "男";obj.age = 18;obj.skill = function() {console.log("影分身术");}console.log(obj['age']);console.log(obj.sex);obj.skill();

3.利用构造函数创建对象

构造函数:是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new运算符一起使用,我们可以把对象中一些公共的属性和方法抽取出来,然后封装到这个函数里面

在这里插入图片描述

构造方法的语法格式:

function 构造函数名(){

​ this.属性=值;

​ this.方法=function(){}

}

new 构造函数名();//调用必须加new关键字

function  Star(uname,age,sex){this.name=uname;this.age=age;this.sex=sex;this.sing = function(sang) {console.log(sang)}
}
var yl=new Star('yiling',21,'女');//函数返回的是一个对象
console.log(yl.name);
console.log(yl['sex']);yl.sing("素颜");
//1.构造函数的首字母要大写
//2.我们构造函数不需要return 就可以返回结果
//3.我们调用构造函数,必须使用new关键字
//4.我们只要用new Star() 调用函数,就会创建一个对象{}
//5.我们的属性和方法面前必须加this

3.变量,属性,函数,方法的区别

1. 变量和属性的相同点,他们都是用来存储数据的

   不同点:

   • 变量:单独声明并赋值 使用的时候直接写变量名 单独存在
   • 属性:在对象里面的不需要声明的,使用的时候必须写 对象名.属性名

2. 函数和方法的相同点:都是实现某种功能 做某件事

   不同点:

   • 函数是单独声明 并且调用的 函数名() 单独存在的
   • 方法 在对象里面 调用的时候 对象.方法()

4.new关键字

new在执行时会做四件事情：
1.在内存中创建一个新的空对象。
2.让this指向这个新的对象。
3.执行构造函数里面的代码，给这个新对象添加属性和方法。
4.返回这个新对象（所以构造函数里面不需要return)。

5.遍历对象

使用for(var 变量名称 in 对象名称){}进行遍历

  var obj = {uname: 'yiling',age: 21,sex: '女',sing: function() {}}// for in 遍历我们的对象//for(变量 in 对象){}for (var k in obj) {console.log(obj[k]); //输出得到的是属性值,因为k是变量,所以用中括号console.log(k); //k 变量输出 得到的是属性名}

7.内置对象

1.random随机数

1. Math对象随机数方法 random()返回一个随机小数 0<=x<1

2. 这个方法里面不跟参数

3. 代码验证

   console.log(Math.random());

4. 我们想要得到两个数之间的随机整数 并且包含这两个数整数

   Math+floor(Math.random()*(max-min+1))+min;function getRandom(min,max){​		return Math.floor(Math.random()*(max-min+1))+min;}console.log(getRandom(1,10));
   

5. 随机点名

     function getRandom(min, max) {return Math.floor(Math.random() * (max - min + 1) + min);}var arr = ['易玲', '阳哥', '廖廖', '易易'];console.log(arr[getRandom(0, arr.length - 1)]);
   

6. 猜数字游戏

  // 程序随机生成一个1~50之间的数字，只有10次机会并让用户输入一个数字，// 1.如果大于该数字，就提示，数字大了，继续猜；// 2.如果小于该数字，就提示数字小了，继续猜：// 3.如果等于该数字，就提示猜对了，结束程序。var random1 = Math.floor(Math.random() * 50) + 1;var count = 0;console.log(random1)while (true) {var num = parseInt(prompt("请输入一个数字"));if (num > random1) {console.log('数字大了,继续猜');} else if (num < random1) {console.log('数字小了,继续猜');} else {console.log('恭喜你,猜对了!');break;}count++;console.log(count)if (count == 10) {break;}}

2.Date()

1.概述

• date对象和math对象不一样,它是一个构造函数,所以我们需要实例化之后才能使用,必须使用new来创建
• date实例用来处理日期和时间

2.Date()方法的使用

1. 获取挡当前时间必须实例化

   var now =new Date();
   console.log(now)
   

2. Date()构造函数的参数

   如果括号里面有时间,就返回参数里面的时间,列如日期格式字符串为’2019-5-1’,可以写成new Date(‘2019-5-1’)

   或者new Date(‘2019/5/1’)或者new Date(2019,5,1)[但是这里返回的是6月 不是5月]

3. Date()方法

   

   返回当前时间年月日 星期的作业

      var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1;var dates = date.getDate();var day = date.getDay();var arr = ['星期天', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];console.log(year + "年" + month + "月" + dates + "日 " + arr[day])
   //打印 2023年7月29日 星期六
   

   获取时分秒

    var date = new Date();var h = date.getHours();var s = date.getMinutes();var m = date.getSeconds();console.log(h, s, m);function getTimer() {var h = date.getHours();h = h < 10 ? '0' + h : h;var s = date.getMinutes();s = s < 10 ? '0' + s : s;var m = date.getSeconds();m = m < 10 ? '0' + m : m;return h + ':' + s + ':' + m;}console.log(getTimer());
   

   获取Date总的毫秒数(时间戳) 不是当前时间的毫秒数,而是距离1970年1月1号过了多少毫秒数

   1. 通过valueOf(),getTime()
   2. 简单写法(最常用的写法) var date1= +new Date();
   3. H5新增的 获得总的毫秒数 Date.now()

   倒计时案例

      /* ①核心算法：输入的时间减去现在的时间就是剩余的时间，即倒计时，但是不能拿着时分秒相减，比如05分减去25分，结果会是负数的。用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数，得到的就是剩余时间的毫秒数。③把剩余时间总的毫秒数转换为天、时、分、秒（时间戳转换为时分秒）转换公式如下：·d=parselnt(总秒数/60/60/24)；/计算天数·h=parselnt(总秒数/60/60%24)/计算小时·m=parselnt(总秒数/60%60)；，/计算分数s=parselnt(总秒数%60)：计算当前秒数*/function countDown(time) {//返回当前时间戳var nowTime = +new Date();//返回用户输入的时间戳var inputTime = +new Date(time);var times = (inputTime - nowTime) / 1000; //返回当前的总秒数,所以是除以1000//  把剩余时间总的毫秒数转换为天、时、分、秒（时间戳转换为时分秒）var d = parseInt(times / 60 / 60 / 24);d = d < 10 ? '0' + d : d;var h = parseInt(times / 60 / 60 % 24);h = h < 10 ? '0' + h : h;var m = parseInt(times / 60 % 60);m = m < 10 ? '0' + m : m;var s = parseInt(times % 60);s = s < 10 ? '0' + s : s;return d + "天" + h + ":" + m + ":" + s;}console.log(countDown('2023-7-29 12:00:00'));