首先 在开头 我先把昨天的再给补上两点 (lll¬ω¬)
new 关键字执行过程
第一步 new 构造函数 可以在内存中创建一个空的对象 也就是说只要用一次 new就会占用内存
第二步 this 就会指向刚刚创建的空对象
第三步 执行构造函数中的代码 给空对象添加属性和方法
第四步 返回对象
遍历对象
for in 遍历对象
语法格式
for(变量 in 对象){
}
//栗子
var obj = {
name:'shen_yk',
age:'17',
sex:'男',
fn:function(){
console.log('敲代码');
}
}
for (var k in obj){
console.log(k); // k 变量 输出 obj属性名
console.log(obj[k]); //得到属性值
}
//方法也可以遍历出来哦
//这里的变量普遍用k或者key 就像我们在 for循环中的计数器用i一样
输出结果如下
JavaScript中的对象分为3种:自定义对象、内置对象、浏览器对象。自定义对象就是昨天刚刚学的那个 今天的话 学内置对象
前面两种对象是JS基础内容,属于ECMAScript;第三个浏览器对象属于我们JS独有的,我们IS API讲解
内置对象就是指 JS语言自带的一些对象,这些对象供开发者使用 ,并提供了一些常用的或是最基本而必要的功能 (属性和方法)
内置对象最大的优点就是帮助我们快速开发
JavaScript提供了多个内置对象:
Math、Date、Array、string等
查文档 因为内置对象 和方法有很多 我们不会一下全部学完 只会学一些常用的 所有在以后碰到不认识的 我们可以去查文档
学习一个内置对象的使用,只要学会其常用成员的使用即可,我们可以通过查文档学习,可以通过MDNW3C来查询。
Mozilla开发者网络( MDN )提供了有关开放网络技术( OpenWeb )的信息,包括HTML、CSS和万维网及HTML5应用的API。
MDN: https://developer.mozilla.org/zh-CN/ 官网
学习对象中的方法
1.查阅该方法的功能
2.查看里面参数的意义和类型
3.查看返回值的意义和类型
4.通过demo进行测试
内置对象
一、Math 数学 对象 因为它不是一个构造函数 所以我们不需要new来调用而是直接使用里面的属性和方法就可以
(1)圆周率 Math.PI
console.log(Math.PI);
输出
(2)最大值 Math.max 里面有 非数字的就返回 NaN 里面没有参数 返回 -Infinity
console. log (Math. max(1,99,33,55));
输出
按照惯例 加例子
//利用对象封装自己的数学对象 里面有pi 最大值 和 最小值i
var myMath ={
PI:3.141592653,
max:function(){
var max = arguments[0];
for(var i =1;i<arguments.length;i++){
if(arguments[i] > max){
max=arguments[i];
}
}
return max;
},
min:function(){
var min = arguments[0];
for (var i=1 ; 1<arguments.length ;i++){
if(arguments[i]<min){
min = arguments[i];
}
}
return min;
}
}
console.log(myMath.PI);
console.log(myMath.max(1,5,9));
结果如图
(3)绝对值方法 Math.abs
例子
console.log(Math.abs(-999));
console.log(Math.abs('-999'));//注意当abs取值为字符串时 会进行隐式转换 将字符串转换为数值型
console.log(Math.abs('shen_yk'));//但是字符串不是数值会返回NAN
结果
(4)三个取整方法
Masth.floor() //向下取整
Masth.ceil() //向上取整
Masth.round() //四舍五入版就近取整
//三个取整方法
//向下取整 往小了取值
console.log(Math.floor(1.1));
console.log(Math.floor(1.9));
//向上取整
console.log(Math.ceil(2.6));
console.log(Math.ceil(2.1));
//四舍五入
console.log(Math.round(5.4));
console.log(Math.round(-5.6));
console.log(Math.round(-5.4));
console.log(Math.round(5.5));//四舍五入其他数字 都是四舍五入,但是.5特殊它往大了取
结果
2.Date 日期对象 是一个构造函数必须使用new来调用创建我们
Date对象基于1970年1月1日(世界标准时间)起的亳秒起。
1.使用Date
//日期对象
var arr = new Array(); //创建一个数字对象
var obj = new Object(); //创建了一个对象实例
var date = new Date();
console.log(date);
输出
如果没有输入任何参数,则Date的构造器会依据系统设置的当前时间来创建一个Date对象。也就是返回系统的当前时间
如果提供了至少两个参数,其余的参数均会默认设置为1 (如果没有提供day参数)或者0。
JavaScript的时间是由世界标准时间( UTC ) 1970年1月1日开始,用毫秒计时, 一天由86.,0000毫秒组成。Date对象的范围是10.000,000天至1000000天(等效的毫秒
2.常用参数写法
(1)数字型 2019, 10, 01 数字型用逗号隔开
(2)字符串型 ’ 2019-10-1 8:8:8‘ 使用横杠隔开- 常用
栗子
var date1 = new Date(2019,11,01);
var date2 = new Date('2019-11-1 8:8:8 '); //时间中的分号要使用英文的
console.log(date1); //返回十二月 数字型会比我们输入的月份要小一个月 因为他的月份是从 0开始 到11月份
console.log(date2);
如图
3.日期格式化
我们想要2019 8-8 8:8:8格式的日期,要怎么办? 这时候就需要获取日期指定的部分,所以我们要手动的得到这种格式。
例子
var date = new Date ();
console.log(date.getFullYear()); //返回当前日期的年 2019
console.log(date.getMonth()+1); //月份 和上面一样 月份会减一 记得手动加一
console.log(date.getDate()); // 返回的是几号
console.log(date.getDay()); // 周1返回的是1周六返回的是6但是周日返回的是0 时间是按国外算的
var year = date.getFullYear();
var month = date.getMonth()+1;
var dates = date.getDate();
var arr = ['星期日','星期一','星期二','星期三','星期四','星期五','星期六']
var day = date.getDay();
console.log('今天是'+year+'年'+month+'月'+dates+'日'+arr[day]);
如图
今天就到这里了 明天继续 说其他的几种对象 还有日期对象的 时分秒 不过如果你看懂例子的话 应该可以自己写粗来了 明天我再给答案