JavaScript面向对象之对象的声明、遍历和存储
JavaScript面向对象之对象的声明、遍历和存储
Leophen
发布于 2019-08-23 22:52:04
发布于 2019-08-23 22:52:04
一、对象的声明
1. 使用字面量（json格式）的方式构建对象
var obj={
属性名:属性值,
方法名:function(){
//函数执行体
}
}2. 使用 new Object() 的方式构建对象
var obj=new Object();
obj.属性名=属性值;
obj.方法名=function(){
//函数执行体
}3. 使用 Object.create(obj) 的方式构建对象
var Foo={
属性名:属性值,
方法名:function(){
//函数执行体
}
}
var obj=Object.create(Foo);注意：使用此方式创建出来 obj.__proto__ = Foo
4. 使用构造函数的方式构建对象
function Foo([参数列表]){
this.属性名=属性值;
this.方法名=function(){
//函数执行体
}
}
var obj=new Foo(参数);5. 使用工厂方式构建对象
function createObject(nam,age){
var Foo=new Object();
Foo.name=name;
Foo.age=age;
Foo.run=function(){
return this.name+this.age
};
return Foo;
}
var obj1=createObject(‘zhangsan’,100);
var obj2=createObject(‘lisi’,200);6. 使用原型模式构建对象
function Foo(){
Foo.prototype.属性名=属性值;
Foo.prototype.方法名=function(){
//函数执行体
}
}
var obj=new Foo();7. 使用混合模式构建对象
function Foo(参1，参2){
this.属性名1=参1;
this.属性名2=参2;
}
Foo.prototype.方法名=function(){
//执行代码
}
var obj=new Foo(参1，参2);二、对象的遍历
- for-in是为遍历对象而设计的，不适用于遍历数组。
- 遍历数组的缺点：数组的下标index值是数字，for-in遍历的index值"0","1","2"等是字符串
var obj={
name:"Zhangsan",
age:"18",
action:function(){
alert("Hello!");
}
}
for (var i in obj){
console.log(i); //控制台依次显示：name age action
}
for (var i in obj){
console.log(obj[i]); //控制台依次显示：Zhangsan 18 ƒ (){alert("Hello!");}
alert("Hello!");
}
}三、对象的存储
var obj={}
obj.name="Zhangsan";
obj.age="18";
obj.action=function(){
alert("Hello!");
}
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2019-07-04 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录