JavaScript_object基礎入門(必看篇)（圖文教學）

下面我就為大家帶來一篇JavaScript_object基礎入門。現在就分享給大家，也給大家做個參考。

Object所有類別的基礎類別

var obj = new Object();
var obj = {}; //实例化对象

給物件設定屬性分為兩種:

#1 .使用直接量的方式：物件.屬性/方法，這種方式直觀、易懂

obj.name = '张三';
obj.age = 20;
obj.sex = '男';
obj.say = function(){
alert("hello World");
}

2.使用"[]" 的方式:物件.['屬性/方法'],當使用這種方法時，括號內必須加"" 或'',方式比較嚴格

obj['birthday'] = '1989-08-07';

获取对象的属性或者方法:对象.属性名/方法
alert(obj.name); // 张三
alert(obj.age); // 20
obj.say(); // hello World

delete 操作符 删除对象的属性或方法的
delete obj.age;
delete obj.say;
alert(obj.age);  //undified
alert(obj.sex);  //20
obj.say();   //报错，函数已被删除

#遍歷一個js對象，for in 語句

#

for(var attr in obj){
alert(attr + ":" + obj[attr]); //会按顺序将数组中的键值对打印，主要值，如果用对象.属性得到undified
}

Constructor保存物件的創建函數

alert(obj.constructor);
var o = [];
alert(o.constructor);

hasOwnProperty(propertyName) 用于检测给定属性在对象中是否存在,返回boolean类型，在项目中有时会用到，需留意
var i = {};
i.sex = '男';
alert(i.hasOwnProperty('sex')); //true
alert(i.hasOwnProperty('age')); //false

propertyIsEnumerable(propertyName)检测给定的属性是否能被for in 所枚举出来，返回boolean 
alert(i.propertyIsEnumerable('age')); //false 上面没有定义此属性

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

有關javascript回呼函數詳解分析(圖文教學)

在JavaScript中多執行緒執行函式庫Nexus.js詳解解答（附上部分程式碼）

JavaScript運作原理詳細分析解答

以上是JavaScript_object基礎入門(必看篇)（圖文教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！