JavaScript中对象的知识点。
程序员文章站
2022-06-28 12:13:22
1. 对象1.1 对象的概念1.1.1 什么是对象1.1.2 为什么使用对象1.2 创建对象的三种方式1.2.1 利用字面量创建对象1.2.2 利用new Object 创建对象1.2.3 利用构造函数创建对象1.2.4 构造函数和对象的区别1.3 new关键字1.4 遍历对象属性2. 小结......
1. 对象
1.1 对象的概念
1.1.1 什么是对象
1.1.2 为什么使用对象
1.2 创建对象的三种方式
1.2.1 利用字面量创建对象
/* 利用对象字面量创建对象 */
var obj={
name:'小苗',
age:18,
sex:'女',
sayHi:function () {
console.log('你好!');
}
}
// 调用对象的属性
console.log(obj.name);
console.log(obj.age);
console.log(obj['sex']);
// 调用对象的方法
obj.sayHi()
1.2.2 利用new Object 创建对象
/* 利用 new object 创建对象 */
var people=new Object();
people.uname='小红';
people.uage=19;
people.usex='女';
people.work=function(){
console.log('正在工作');
}
// 调用对象
console.log(people.uname);
people.work();
1.2.3 利用构造函数创建对象
/* 利用构造函数创建对象 */
function Star(sname,sage,ssex) {
this.sname=sname;
this.sage=sage;
this.ssex=ssex;
this.sing=function(sang){
console.log(sang);
}
}
var liudehua=new Star('刘德华',18,'男');
console.log(liudehua.sname);
console.log(liudehua.sage);
liudehua.sing('冰雨');
var zhangxueyou=new Star('张学友',28,'男');
console.log(zhangxueyou.sname);
console.log(zhangxueyou.ssex);
zhangxueyou.sing('听海');
注意:
- 构造函数名称首字母要大写;
- 构造函数不需要return就可以返回结果;
- 调用构造函数必须使用new;
- 属性和方法前必须添加 this。
1.2.4 构造函数和对象的区别
1.3 new关键字
1.4 遍历对象属性
/* 遍历对象 */
for(var k in dog){
// 输出对象的属性名
console.log(k);
// 输出对象的属性值
console.log(dog[k]);
}
2. 小结
本文地址:https://blog.csdn.net/qq_39979646/article/details/109266200
上一篇: 光影魔术手怎么给照片添加日式小清新效果?
下一篇: Visio直角连接线增加拐弯的详细教程