js中向对象中添加属性的两种方法?


视频讲解的是javascript面向对象编程语言中的关于创坦数建对象的知识,重点讲让祥首解的是如何创建对象及添加属性,由于属于动态语言,所以我们可以随时的为对象添加属宴宴性。


1.1 数据属性(`properties`),对象的普通属性将凯闷字符串名称映射到值。例如,下面对象obj有一个数据属性,名称为 prop,对应的值为 123:var obj = {prop: 123};可以用以下方式读取属性的值:console.log(obj.prop); // 123,console.log(obj["prop"]); // 123,当然也可以用以下方式来设置属性的值:obj.prop = "abc";obj["prop"] = "abc";

1.2 访问器属性,另外,可以通过函数处理获取和设置属性值。 这些函数称为访问器函数。 处理获取的函数称为getter。 处理设置的函数称为setter:var obj = {get prop () {return 'Getter';},set prop (value) {console.log('Setter: ' + value);}}访问 obj 属性:> obj.prop'Getter'> obj.prop = 123;Setter: 123。



1.3 内部属性一些属性只是用于规范,这些属于“内部”的属性,因为它们不能盯档弯直接访问,但是它们确实影响对象的行为。内部属性有特殊的名称都写在两个方括号,如:内部属性[[Prototype]]指向对象的原型。它可以通过Object.getPrototypeOf()读蠢野取。它的值只能通过创建具有给定原型的新对象来设置,例如通过object.create()或__proto__ 。

内部属性[[Extensible]]决定是否可以向对象添加属性。可以通过Object.isExtensible() 方法判断一个对象是否是可扩展的(是否可以在它上面添加新的属性)。可以通过Object.preventExtensions()方法让一个对象变的不可扩展,也就是永远不能再添加新的属性。

属性特性(attribute),属性的所有状态,包括数据和元数据,都存储在特性(attribute)中。它们是属性具有的字段,就像对象具有属性一样。特性(attribute)键通常用双括号编写:


var a = {"斗指a"毁桐:1,"b":2};
a["c"] = 3;
这样就成功往a里面添加了c属空余配性
a = {"a":1,"b":2,"c":3};
var obj = {name:'qjy',age:24};

alert('name='+obj.name);
alert('age='+obj.age);
------------------
var obj = new Object();
obj.flag= true;
obj.userId= 24;

alert(flag='+obj.flag);
alert(userId='+obj.userId);
或者给对象迹团拍构姿羡造器赋值或宴
<script type="text/javascript">圆乎模
<橘缓!--
/*
给原型 prototype 添加属性的两种方式
*/
//方式一
var myObj = function(){
this.study = "JavaScript";
}
myObj.prototype.hobby = function() {
this.hobby = "See girl";
}
var newObj = new myObj();
for ( var attr in newObj ) {
document.write( attr +"<br/>" );
}
document.write( "==================== <顷携br/>" );
//方式二
var superObj = { name:"xugang" };
var subObj = { age:20 };
function extend(superObj,subObj){
//获得父对象的原型对象
subObj.getSuper = superObj.prototype;
//将父对象的属性给子对象
for(var i in superObj){
subObj[i] = superObj[i];
}
}
extend(superObj,subObj);
for ( var s in subObj ) {
document.write( s +"<br/>" ); //遍历子对象的属性
}
//-->
</script>