javascript中Object使用詳解_javascript技巧

複製程式碼 程式碼如下:

function forEach(o){
var html ="";
for(var i in o){
html = i "=" o[i] " ";
}
console.log(html);
console.log(o);
}

//1
//Object.create(proto)
//Object.create(proto,descriptors)
//使用指定的原型和屬性來建立一個物件
//參數：
//proto:新建立物件的原型，可為null
//descriptors:一個可選對象，把屬性名稱映射到屬性描述符
//傳回一個新建立的對象，繼承自proto,同時擁有descriptors所秒速的屬性。

複製程式碼 程式碼如下:

var obj = Object.create({x:1,y:2},{
z:{value:3,writable:true,enumerable:true,configurable:true}
});
forEach(obj)
obj.z=5
console.log(obj)
console.log("=============================================== ========")

//2
//Object.defineProperties(o,descriptors)
//建立或配置物件的多個屬性
//參數：
//o:要在其上建立或配置屬性的物件
//descriptors:將屬性名稱對應到屬性描述符的物件
//回傳物件o

複製程式碼 程式碼如下:

Object.defineProperties(obj,{
a:{value:"a",writable:false,enumerable:true,configurable:true},
b:{value:"b",writable:false,enumerable:true,configurable:true}
})
forEach(obj);
console.log("=============================================== ========")

//3
//Object.defineProperty(o,name,desc)
//建立或配置物件的一個屬性
//參數：
//o:將在其上建立或配置屬性的物件
//name:將建立或配置的屬性名字
//desc:一個屬性描述符對象，描述要建立的新屬性或對現有屬性的修改
//回傳物件o

複製程式碼 程式碼如下:

Object.defineProperty(obj,"c",{value:"c",writable:false,enumerable:false,configurable:true})
forEach(obj);
console.log("=============================================== ========")

//4
//Object.freeze(o)
//將一個物件設為不可改變,不會影響繼承屬性
//參數：
//o:要凍結的物件
//回傳 true|false

複製程式碼 程式碼如下:

var p = {x:1,y:2}
Object.freeze(p);
p.x =2;
console.log(p);
console.log(Object.isFrozen(p)) //true，一旦凍結 無法解凍
console.log("=============================================== ========")

//5
//Object.getOwnPropertyDescriptor(o,name)
//參數：
//o:一個物件
//name:待查詢的屬性名稱
//查詢一個屬性的特性
//傳回物件指定屬性的一個屬性描述符對象，如果不存在指定屬性則傳回undefined.
/*
屬性描述符就是一個普通的javascript對象，描述某個對象的特性，有二種javascript屬性。資料屬性有一個值以及三個性質：可枚舉性（enumerable）、
可寫入性（writable）、以及可設定性（configurable）.存取器屬性（accessor property）有一個getter和/或setter方法，以及可枚舉性。
資料屬性的描述符：
{
value:任一javascript值,
writable: true|false,
enumerable: true|false,
configurable:true|false
}
存取器屬性的描述符：
{
get: function 或 undefined ：取代屬性值
set: function 或 undefined ：替換可寫性
enumerable:true|false,
configurable:true|false
}
*/

複製程式碼 程式碼如下:

var o5 = Object.getOwnPropertyDescriptor(obj,"c");
console.log(o5);
forEach(o5);
console.log("=============================================== ========")

//6
//Object.getOwnPropertyNames(o)
//傳回非繼承屬性的名字
//參數：
//o:一個物件
//傳回一個包含o的所有非繼承屬性的名字，包括哪些不可枚舉的屬性。 {enumerable:false}

複製程式碼 程式碼如下:

var o6 = Object.getOwnPropertyNames(obj);
console.log(o6);
console.log("=============================================== ========")

//7
//Object.getPrototypeOf(o)
//參數：
//o:一個物件
//回傳一個物件的原型

複製程式碼 程式碼如下:

var o7 =Object.getPrototypeOf(obj);
console.log(o7);
console.log("=============================================== ========")

//8
//Object.hasOwnProperty(propname);
//參數：
//propname包含物件的屬性名稱的字串
//檢查一個屬性是否是繼承的
//回傳true|false

複製程式碼 程式碼如下:

console.log(obj.hasOwnProperty("x")); //=>false
console.log(obj.hasOwnProperty("z")); //=>true
console.log("=============================================== ========")

//9
//Object.isExtensible(o);
//判斷某個物件上是否可以新增屬性
//參數：
//o:待檢查可擴充性的物件
//回傳 能加為true|不能為false
//說明：所有的物件在創建的時候都是可擴展的，直到他們被傳入 Object.preventExtensions(o) Object.seal(o) 或 Object.freeze(o);

複製程式碼 程式碼如下:

console.log(Object.isExtensible(obj)); // =>true
//Object.preventExtensions(obj)//將它設為不可擴充
//console.log(Object.isExtensible(obj)); //=>false
console.log("=============================================== ========")

//10
//Object.isFrozen(o)
//判斷物件是否不可改變
//參數：
//o:待檢查的物件
//若o已凍結不改變則為true;否則為false;

複製程式碼 程式碼如下:

console.log("=============================================== ========")

//11
//object.isPrototypeOf(o)
//判斷目前物件是否為另一個物件的原型
//參數：
//o:所有物件
//如果object是o的原型 則為true,如果o不是一個物件或object不是o的原型 則為false.

複製程式碼 程式碼如下:

var o = new Object();
Object.prototype.isPrototypeOf(o) // true
Array.prototype.isPrototypeOf([1,2]) //true;
Object.prototype.isPrototypeOf(Function.prototype) //true
console.log("=============================================== ========")

//12
//Object.isSealed(o)
//判斷一個物件的屬性是否可新增或刪除
//參數：
//o:待檢查的物件
//若o是封閉的則為true,否則為false.
//如果不可以為一個物件新增新的（非繼承）屬性，且現有的（非繼承）屬性不可刪除，則是封閉的。
//封閉一個物件常用的方法是Object.seal(o) 或 Object.freeze(o)

console.log("========================================== ===========")

//13
//object.keys(o)
//傳回自由的可枚舉屬性名稱
//參數：
//o:一個物件

複製程式碼 程式碼如下:

console.log(Object.keys({x:1,y:2}) ) //=>[x,y]
console.log("=============================================== ========")

//14
//Object.preventExtensions(o)
//禁止在一個物件上新增新的屬性
//參數：
// o:待設定可擴充的物件
//一旦設為不可不可擴展，它就再也不能改為可擴展

console.log("========================================== ===========")

//15
//object.propertyIsEnumerable(propname)
//偵測某個屬性是否在for/in 中 迴圈可見
//參數
//propname:包含物件的指定屬性名稱的一個字串
//如果物件有一個名為propname的非繼承屬性，且該屬性可以列舉，則傳回true.

複製程式碼 程式碼如下:

var o15 = new Object();
o15.x = 15;
o15.propertyIsEnumerable("x"); //true;
o15.propertyIsEnumerable("y"); //false;
o15.propertyIsEnumerable("toString"); //false;
console.log("=============================================== ========")

//16
//Object.seal(o)
//阻止新增或刪除物件的屬性
//參數
//o:待封閉的物件
//傳回處於封閉狀態的參數物件o

//17
//Object.toLocaleString()
//傳回物件本地的本地化字串標示
//Object類別提供的預設的toLocaleString()方法只是簡單的呼叫toString()方法。
//不過要注意，其他類別（Array、Date、Number等）都各自定義自己的這個方法的版本。用於執行本地化字串轉換。定義自己的類別時，可能也需要覆寫這個方法。

//18
//object.toString()
//定義一個物件的字串表示形式
//在javascript程式中一般不會經常顯示的呼叫toString()方法。一般情況下，在物件中定義這個方法，系統會在需要時自動呼叫它以便將該物件裝換成字串。

//19
//Object.valueOf()
//給定物件的原始值
//傳回 與指定物件關聯的原始值，如果存在這樣一個值的話，如果沒有與改物件關聯的值，則傳回物件本身