关于给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
在此列举了几种对象添加属性的方法,那么对象添加方法也就照猫画虎了
本文较短,如果有什么建议,多多交流,原创文章,文笔有限,才疏学浅,文中若有不正之处,万望告知,不胜感激!
相关文章推荐
- CommonJS,AMD,CMD区别
- JavaScript对象继承
- JavaScript输出螺旋矩阵
- js变量
- JavaScript的Array对象的方法(上)
- JavaScript的栈方法和队列方法
- js 描点
- js typoeof用法
- Jsoup解析HTML实例及文档方法详解
- jetty部署热修改js(解决jetty中热部署js修改不能保存问题)
- 为什么说JavaScript中的DOM操作很慢
- JavaScript权威指南7-属性的特性(2)
- $.AjaxFileUpload is not a function
- createjs支持spine骨骼的简单封装(更新,加入换装)
- js constructor function V.S static method V.S prototype
- three.js教程一场景的基本组件
- JavaScript 闭包、即时执行等
- ease.js "Uncaught Ticker cannot be instantiated."
- 关于new Function使用以及将json格式字符串转化为json对象方法介绍
- php和javascript交互篇(一)