1、object构造函数
var obj = new object(); obj.name = 'tom'; obj.age = 15; obj.sayname = function() { console.log(this.name) }
此方法的缺点十分明显那就是要写大量的代码。
2、对象字面量创建
var obj1 = {
name: 'tom',
age: 15,
sayname: function() {
console.log(this.name)
}
}
var obj2 = {
name: 'jock',
age: 18,
sayname: function() {
console.log(this.name)
}
}
字面量的缺点是当我i们创建多个相似的对象的时候,它仍然不够灵活,依然会产生重复代码。
3、工厂模式
function person(name, age) { var obj = { name: name, age: age, sayname: function() { console.log(this.name) } } return obj }
工厂函数的问题在于它所创建的对象没有具体的类型,所有通过工厂函数所创建的对象的类型都是object
4、构造函数方式
function person(name, age) { this.name = name; this.age = age; this.setname = function(name) { this.name = name } } var p1 = new person('tom', 16); var p2 = new person('jony', 18); console.log(p1) console.log(p2)
通过构造函数方法创建对象代码足够简洁,所创建的对象也有自己的类,但是当我们同时创建多个对象的时候会发现,所创建的对象都包含相同的方法,这是一种浪费内存的表现。
5、构造函数加原型
function person(name, age) { this.name = name; this.age = age; } person.prototype.setname = function(name) { this.name = name }
我们把构造函数的方法扩展到它的原型上,这样就不存在创建对象的时候同时创建多个方法了。
以上是我所了解的常用的创建对象的方式,谨以此文记录。如有错误敬请指出!
如对本文有疑问, 点击进行留言回复!!
荐 JavaScript基础02【强制类型转换(String Number Boolean) 其它进制数】
webpack成长指北第7章---webpack的csslessscss样式打包
网友评论