您的位置：首页 > Web前端 > JavaScript

JavaScript中对象的创建方法与属性的添加

2016-03-22 16:13 796 查看

JavaScript在线编辑与测试地址：http://www.w3school.com.cn/tiy/t.asp?f=js_create_object2JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...(内置对象)，可以分为内置对象与自定义对象(通过对象构造器方式生成的)分为内置对象与自定义对象：javaScript中自定义对象创建的三种方法：1.字面量(literals)的创建方式：o1 = { key1 : value1 , key2 : value2}; 参考eg12.object.create()方式：o1 = object.create(null); eg23.对象构造器的方式：o1 = new object(); eg3对象构建例子
eg1:字面量方式｛｝中由若干键值对组成，键值对之间用逗号分隔，key值必须为字符串类型，可以省略引号("")，value可以为任何数据类型如number,function都可以

var person = {age:25,
name:"tom",
eat:function()
{
return "eatDinner";
},
changeName: function(name)
{
this.name = name;
}
};
var testAge = person.age;
var testEat = person.eat();
person.changeName("LiMing");
var testChangeName = person.name
document.write(testAge + testEat  + testChangeName);

eg2:object.create(null)方式

var person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

document.write(person.age + " " + person.eyecolor);

eg3:对象构造器方式

function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}

var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");

document.write(myFather.age + " " + myMother.age);

为对象添加属性：

var person=new Object();
person.firstname="Bill"; //为已存的对象添加firstname属性
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";

person.firstname = "tom"; //如果该属性已存在，则将之前的属性值覆盖了

为对象添加方法：

var person=new Object();
person.fun = function(){return "方法";};
person.fun2 = function(varName){return varName;};
function funName()
{
return 5;
}
person.fun3 = funName;
document.write(person.fun() + "  " + person.fun2(2) + "  " +  person.fun3());
注意：如果在方法调用时误写成了person.fun，少加了括号的话，刚会照原样将方法的内容输出，而是去执行方法里面的内容：如上面写成person.fun，则结结果会输出function(){return "方法";}，而不是输出内容："方法"两个字,
问：怎么来避免这种情况发生呢？

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Java Script

相关文章推荐

新的分享

章节导航