首页 > 其他 > 详细

四种对象表示法

时间:2020-02-04 13:14:20      阅读:72      评论:0      收藏:0      [点我收藏+]

Object构造函数构建

1
2
3
4
var person = new Object();
person.name = "zyx";
person.age = 20;
alert(person.name); // zyx

对象字面量表示法

1
2
3
4
5
6
var person = {};
var person = {
name: 'zyx';
age: 20;
5: 5;
};

相对来说形式更简单一些,我们访问name值时,可以用person.name,但是访问5这个值的时候,必须使用person[5]

工厂模式

1
2
3
4
5
6
7
8
9
10
function createPerson(name, age) {
var o = new Object();
o.name = name;
o.age = age;
o.sayname = () {
alert(this.name);
};
return o;
}
var person1 = createPerson('zyx', 20);

构造函数

1
2
3
大专栏  四种对象表示法/>4
5
6
7
8
function Person(name,age) {
this.name = name;
this.age = age;
this.sayname = () {
alert(this.name);
};
}
var person1 = new Person('zyx', 20);

原型创建对象

1
2
3
4
5
6
7
8
function Person() {}
Person.prototype.name = 'zyx';
Person.prototype.age = 20;
Person.prototype.sayname = (){
alert(this.name);
};
var person1 = new Person();
person1.sayname();

组合使用

1
2
3
4
5
6
7
8
9
10
11
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype = {
constructor: Person,
sayName: () {
alert(this.name);
};
}
var person1 = new Person('zyx', 20);

四种对象表示法

原文:https://www.cnblogs.com/lijianming180/p/12258789.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!