欢迎加入前端技术营!如果你也是前端学习者或者对前端有学习的想法,那就跟着我一起从零开始进击前端。
致力于尽可能详细且简洁的介绍前端知识、自己的捷径,也是学习路上的记录。欢迎探讨
文章目录
都忙着回家过年喽,是不是就你还没有对象啊,来JS吧,任君挑选!
JavaScript 中的所有事物都是对象:字符串、数值、数组、函数…
对象只是一种特殊的数据。对象拥有属性和方法。
JavaScript中的对象分为:自定义对象、内置对象、浏览器对象。前两种是JS基础内容,属于ECMAScript,第三个是JS独有的
自定义对象
创建对象
利用字面量创建对象:就是花括号里包含了表达这个事物的属性和方法
//var obj = {}; //创建了空对象
//里面的属性或方法采用键值对的形式,键(属性名): 值(属性值),多属性之间用逗号隔开
//方法冒号后面跟的是一个匿名函数
//调用对象
//调用对象的属性:对象名.属性名
console.log(obj.uname);
// 对象名['属性名']
console.log(obj['age']);
// 调用对象的方法 :对象名.方法名()
obj.say()
利用 new Object 创建
// 用 new Object 创建
var Mr = new Object();//创建空对象
Mr.uname = '鸣人';
Mr.sex = '男';
Mr.age = 19;
Mr.skill = function() {
console.log('影分身术');
}
//利用 等号 = 赋值的方法,添加对象的属性和方法
// 每个属性和方法间用分号结束
// 调用
console.log(Mr.uname);
console.log(Mr['sex']);
Mr.skill();
利用构造函数创建对象利用构造函数创建对象,利用函数封装对象重复相同的代码。前两种一次只能创建一个对象
用构造函数创建对象的过程称为对象的实例化
构造函数名首字母大写
构造函数不需要return就能返回结果,调用必须用new
// 语法:
function 构造函数名() {
this.属性 = 值;
this.方法 = function() {
}
}
new 构造函数名();
遍历对象
// for ... in 循环遍历对象,很少用它遍历方法
//语法:
/* for(变量 in 对象) {
}
var obj = new Object();//创建空对象
obj.uname = 'N哥哥';
obj.age = 22;
obj.sex = '男';
obj.say = function() {
console.log('hello');
}
for (var k in obj) {
console.log(k); // k 变量输出的是属性名
console.log(obj[k]); // 输出属性值
}
内置对象
指JS语言自带的一些对象,供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)
JS提供了多个内置对象:Math、Date、Array、String等,可通过查文档:MDN 、 W3C来查看相关使用,这里简单举几个例子
Math 对象:
//取整:Math.floor() 向下取整,取最小值
console.log(Math.floor(2.8)); //2
//取整:Math.ceil() 向上取整,取最大值
console.log(Math.ceil(2.1)); //3
//取整:Math.round() 四舍五入,特殊情况:.5 是往大了取
console.log(Math.round(2.4));