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

关于给javascript对象添加、删除、修改对象的属性

2016-04-06 01:26 1001 查看

以下是自己总结的几种方法

利用动态特性

function Person(){};
var person = new Person();
person.name = 'yy';
person.gender = 'girl';
console.log(person.name+','+person.gender);//yy,girl
delete person.name;//删除属性
console.log(person.name);//undefined
//            变式
function Person(){};
var person = new Person();
person['name'] = 'yy';
person['gender'] = 'girl';
console.log(person.name+','+person.gender);//yy,girl
delete person.name;//删除属性
console.log(person.name);//undefined


构造函数中this

var Person = function (){
this.name = 'yy';
this.gender = 'girl'
};
var person = new Person();
console.log(person.name+','+person.gender);//yy,girl


原型中添加属性

var Person = function (){
};
Person.prototype.name = 'yy';
Person.prototype.gender = 'girl';
var person = new Person();
console.log(person.name+','+person.gender);//yy,girl
console.log(person['name']+','+person['gender']);//yy,girl


字面量添加属性

var person = {
};
person.name = 'yy';
person.gender = 'girl';
console.log(person.name+','+person.gender);//yy,girl
console.log(person['name']+','+person['gender']);//yy,girl
//            另一种写法
var person = {
name: 'yy',
gender: 'girl'
};
console.log(person.name+','+person.gender);//yy,girl
console.log(person['name']+','+person['gender']);//yy,girl


封装extend方法

var p1 = {};
var p2 = {name:'yy',gender:'girl'};
p1.extend = function(obj){
for(var k in obj){
this[k] = obj[k];
}
}
p1.extend(p2);
console.log(p1.name+','+p1.gender);//yy,girl
console.log(p1['name']+','+p1['gender']);//yy,girl


在此列举了几种对象添加属性的方法,那么对象添加方法也就照猫画虎了

本文较短,如果有什么建议,多多交流,原创文章,文笔有限,才疏学浅,文中若有不正之处,万望告知,不胜感激!

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: