JavaScript:Object屬性方法

weixin_34402090發表於2013-12-10
JavaScriptObject

 Object的屬性（firebug中沒有找到)

 

var pro={
city:"shanghai",
list:[1,2,3,4,5]
}
var Person=function(name,age){
this.name=name;
this.age=age;
this.arr=[1,2,3,4,5];
}
Person.prototype=pro;
var p=new Person("hongda",27);

 

console.log("hasOwnProperty:");
console.log(p.hasOwnProperty("name"))
console.log(p.hasOwnProperty("city"))
console.log("isPrototypeOf:");
console.log(pro.isPrototypeOf(p));
console.log(Person.prototype.isPrototypeOf(p));
console.log("propertyIsEnumerable:");
console.log(p.propertyIsEnumerable("arr"));
console.log(p.propertyIsEnumerable("list"));

Object靜態方法：

Object.create

var obj=Object.create({name:"hongda",age:27});
console.dir(obj);

Object.getPrototypeOf:

var pp=Object.getPrototypeOf(p);
console.dir(pp);
console.log(pp===pro);

Object.getOwnPropertyDescriptor:

Object.getOwnPropertyNames:

var desc=Object.getOwnPropertyDescriptor(p,"name");
console.dir(desc);

var names=Object.getOwnPropertyNames(p);
console.dir(names);

Object.keys(obj)

跟Object.getOwnPropertyNames(obj)差不多，區別就是Object.keys只適用於可列舉的屬性，而Object.getOwnPropertyNames返回物件自動的全部屬性名稱。

具體的可以看連結http://www.cnblogs.com/chollaflower/p/3203210.html

Object.defineProperty:

Object.defineProperty(p, 'english_Name', {
        set : function(n){
            console.log('set 訪問器');
            this.nameValue = n; //一個新的屬性，如果同樣是name的話，就死迴圈了。
        },
        get : function(){
            console.log('get 訪問器');
            return 'my english_Name is ' + this.nameValue;
        },
       // value : 'Tom', //如果在這裡有value或writable特性，就會報錯：Uncaught TypeError: Invalid property.  A property cannot both have accessors and be writable or have a value。
        //writable: true,
        enumerable: false,
        configurable: false
});
p.english_Name="Tom";
console.dir(p);
var desc=Object.getOwnPropertyDescriptor(p,"english_Name");
console.dir(desc);

當value或writable使用時，報錯

不可以同set或get同時使用

p.english_Name="Tom“；

不寫的話，console.dir（p)不會顯示。

之所以顯示nameValue是因為在set中設定的。

Object.defineProperties:

var p={};
Object.defineProperties(p, {
    sex: {
        value: 'boy',
        writable: true,
        enumerable: false,
        configurable: false
    },
    age2: {
        set: function(x) {
            this.age2Value = x;
        },
        get: function() {
            return this.age2Value;
        }
    }
});
console.dir(p);
var desc=Object.getOwnPropertyDescriptor(p,"sex");
console.dir(desc);
console.log(p.hasOwnProperty("sex"));
console.log(p.hasOwnProperty("city"));
console.log(p.hasOwnProperty("age2"));
console.dir(p);
console.log(p.sex);

不清楚為什麼console.dir（）不能檢視到新增的屬性。

http://www.cnblogs.com/chollaflower/p/3202731.html

Object.preventExtensions(object)
防止新的屬性新增到物件
Object.isExtensible(object)
是否可新增屬性到物件

console.log(Object.isExtensible(p));  //true
Object.preventExtensions(p);
console.log(Object.isExtensible(p));  //false

Object.seal(object)
不能新增和刪除屬性
Object.isSealed(object)

console.log(Object.isSealed(p));//false
Object.seal(p);
console.log(Object.isSealed(p));//true

完全封死物件，可以

Object.freeze(object)
防止現有屬性和屬性值的修改，並防止新特性的新增。
Object.isFrozen(object)

console.log(Object.isFrozen(p));//false
Object.freeze(p);
console.log(Object.isFrozen(p));//true

http://blog.csdn.net/shyleoking/article/details/7316174

 

http://www.cnblogs.com/chollaflower/archive/2013/07/20/3203210.html

http://www.cnblogs.com/rexmzk/archive/2012/12/14/2815112.html

http://msdn.microsoft.com/zh-tw/library/kb6te8d3(v=vs.94).aspx

 

相關文章