首頁 > web前端 > js教程 > 主體

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

亚连
發布: 2018-05-21 09:52:15
原創
1367 人瀏覽過

下面我就為大家帶來一篇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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板