DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript_object基礎入門(必看篇)
JavaScript_object基礎入門(必看篇)
編輯:JavaScript基礎知識     

之前寫Java時老是有點蒙,大部分都是用jQuery,但原理還不是很清楚,最近一段時間在系統的學習JavaScript,有什麼問題或錯誤請指出,多謝.....................

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_object基礎入門(必看篇)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved