对象
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.变量,属性,函数,方法的区别
-
变量和属性的相同点,他们都是用来存储数据的
不同点:
- 变量:单独声明并赋值 使用的时候直接写变量名 单独存在
- 属性:在对象里面的不需要声明的,使用的时候必须写 对象名.属性名
-
函数和方法的相同点:都是实现某种功能 做某件事
不同点:
- 函数是单独声明 并且调用的 函数名() 单独存在的
- 方法 在对象里面 调用的时候 对象.方法()
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随机数
-
Math对象随机数方法 random()返回一个随机小数 0<=x<1
-
这个方法里面不跟参数
-
代码验证
console.log(Math.random());
-
我们想要得到两个数之间的随机整数 并且包含这两个数整数
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));
-
随机点名
function getRandom(min, max) { return Math.floor(Math.random() * (max - min + 1) + min); } var arr = ['易玲', '阳哥', '廖廖', '易易']; console.log(arr[getRandom(0, arr.length - 1)]);
-
猜数字游戏
// 程序随机生成一个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()方法的使用
-
获取挡当前时间必须实例化
var now =new Date(); console.log(now)
-
Date()构造函数的参数
如果括号里面有时间,就返回参数里面的时间,列如日期格式字符串为’2019-5-1’,可以写成new Date(‘2019-5-1’)
或者new Date(‘2019/5/1’)或者new Date(2019,5,1)[但是这里返回的是6月 不是5月]
-
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号过了多少毫秒数
- 通过valueOf(),getTime()
- 简单写法(最常用的写法) var date1= +new Date();
- 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'));