摘要:對象一對象對象是什么理解成你所看到的任何物體獨有屬性并且使用方法對象的分類內(nèi)置對象原生對象是以為標(biāo)準(zhǔn)定義好的對象,可直接拿來使用宿主對象是以瀏覽器自身運行環(huán)境下提供的對象,并且才可使用自定義對象開發(fā)人自身創(chuàng)建的對象,并使用二創(chuàng)建對象對象初始
JS(JavaScript)
對象
一.對象
1.對象是什么;
理解成你所看到的任何物體獨有屬性并且使用方法
2.對象的分類;
內(nèi)置對象/原生對象;
是以ECMAScript為標(biāo)準(zhǔn)定義好的對象,可直接拿來使用
宿主對象;
是以瀏覽器自身運行環(huán)境下提供的對象,并且才可使用
自定義對象;
開發(fā)人自身創(chuàng)建的對象,并使用
二.創(chuàng)建對象;
1.對象初始化方法;
通過字面量創(chuàng)建對象
/*對象的初始化創(chuàng)建方式 var 對象名 = { 屬性名 : 屬性值, 方法名 : function(){ 方法體 } } */ var obj1 = { name:"犬夜叉", age: 16, sayMe :function () { console.log("我是犬夜叉"); } }
2.構(gòu)造函數(shù)方法;
通過JS的預(yù)定義類型來創(chuàng)造對象
/*對象構(gòu)造函數(shù) * 利用所用引用類型創(chuàng)建對應(yīng)對象;具體類型 var num = new Number();// Number類型 var str = new String();// String類型 var boo = new Boolean();// Boolean類型 利用Object作為構(gòu)造函數(shù)創(chuàng)建對象 var 對象名 = new Object(); var 對象名 = Object(); */ var num = new Number();//Number類型 var num2 = Number(); var str = new String();//String類型 var boo = new Boolean();//Boolean類型 var obj2 = new Object(); var obj3 = new Object(); console.log(obj2); console.log(obj3);
3.Object.create方法;
指定原型和多個指定屬性對象
var obj6 = Object.create(null); var obj7 = Object.create(obj1); /*利用Object.create()方法創(chuàng)建對象 * var 對象名 = Object.create(null);創(chuàng)建一個空對象 var 對象名 = Object.create(obj) obj- 表示另一對象 當(dāng)前創(chuàng)建新對象擁有與obj對象相同屬性和方法 */
三.對象的屬性;
1.調(diào)用對象的屬性;
對象名.屬性名;不能用復(fù)雜命名屬性名稱
對象名[屬性名];能用復(fù)雜命名屬性名稱
var obj = { name : "犬夜叉", "Type-Content" : "text/html", sayMe : function(){ console.log("我是犬夜叉"); } } /* 對象名.屬性名 * 不適用于復(fù)雜命名的屬性名稱 */ console.log(obj.name);// 犬夜叉 // console.log(obj.Type-Content); /* 對象名[屬性名]-通用調(diào)用方式 * 適用于復(fù)雜命名的屬性名稱 */ console.log(obj["name"]);// 犬夜叉 console.log(obj["Type-Content"]);// text/html // 訪問一個對象不存在的屬性 -> 值為 undefined console.log(obj.age);
2.新增對象的屬性;
以兩種屬性表示
對象名.新的屬性名 = 屬性值
對象名[新的屬性名] = 屬性值
var obj = { name : "漩渦鳴人", sayMe : function(){ console.log("我是漩渦鳴人"); } } /* 對象名.新的屬性名 = 屬性值 對象名[新的屬性名] = 屬性值 */ obj.age = 18; console.log(obj); /* 空對象默認(rèn)沒有自身的屬性和方法(父級Object) */ var obj1 = {}; console.log(obj1); obj1.name = "日向雛田"; console.log(obj1);
3.修改對象的屬性;
var obj = { name : "漩渦鳴人", sayMe : function(){ console.log("我是漩渦鳴人"); } } /* 對象名.已存在屬性名 = 屬性值 對象名[已存在屬性名] = 屬性值 */ obj.name = "日向雛田"; console.log(obj);
4.刪除對象的屬性;
以delete表示刪除該屬性
delete 對象名.屬性名
delete 對象名[屬性名]
var obj = { name : "犬夜叉", sayMe : function(){ console.log("我是犬夜叉"); } } /* delete 對象名.屬性名 delete 對象名[屬性名] */ delete obj.name; console.log(obj.name);// undefined
四.對象的方法;
1.調(diào)用對象的方法;
有兩種方法表示調(diào)用對象
對象名.方法名()
對象名[方法名]()
var obj = { name : "犬夜叉", age : 18, sayMe : function(){ console.log("我是犬夜叉"); } } // 對象名.方法名() obj.sayMe(); // 對象名[方法名]() obj["sayMe"]();
2.新增對象的方法;
以function()來表示新增對象
對象名.新的方法名 = function(){}
對象名[新的方法名] = function(){}
var obj = { name : "漩渦鳴人", age : 16, sayMe : function(){ console.log("我是漩渦鳴人"); } } // 對象名.新的方法名 = function(){} obj.sayYou = function(){ console.log("你是日向雛田"); } console.log(obj); // 對象名[新的方法名] = function(){}
3.修改對象的方法;
var obj = { name : "漩渦鳴人", age : 16, sayMe : function(){ console.log("我是漩渦鳴人"); } } // 1.對象名.方法名 = function(){} obj.sayMe = function(){ console.log("你是日向雛田"); } console.log(obj); obj.sayMe(); // 2.對象名[方法名] = function(){}
4.刪除對象的方法;
delete 對象名.方法名
delete 對象名[方法名]
var obj = { name : "犬夜叉", age : 16, sayMe : function(){ console.log("我是犬夜叉"); } } // delete 對象名.方法名 delete obj.sayMe; // 訪問對象中不存在的方法-報錯(TypeError: obj.sayMe is not a function) // obj.sayMe(); console.log(obj.sayMe);// undefined console.log(obj); // 以屬性是否存在的方式進(jìn)行判斷 if ("sayMe" in obj) { // 確認(rèn)目前是個方法 if (obj.sayMe instanceof Function) { obj.sayMe();// 方法調(diào)用 } } // 以上代碼可以優(yōu)化為以下代碼 if ("sayMe" in obj && obj.sayMe instanceof Function) { obj.sayMe();// 方法調(diào)用 } // delete 對象名[方法名]
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/108139.html
摘要:瀏覽器只是實現(xiàn)的宿主環(huán)境之一,其他宿主環(huán)境包括和。年月,版發(fā)布,成為國際標(biāo)準(zhǔn)。事件定義了事件和事件處理的接口。對于已經(jīng)正式納入標(biāo)準(zhǔn)的來說,盡管各瀏覽器都實現(xiàn)了某些眾所周知的共同特性,但其他特性還是會因瀏覽器而異。 JavaScript 是面向 Web 的編程語言,絕大多數(shù)現(xiàn)代網(wǎng)站都使用了 JavaScript,并且所有的現(xiàn)代 Web 瀏覽器(電腦,手機,平板)均包含了 JavaScri...
摘要:對象數(shù)組初始化表達(dá)式,闖關(guān)記之上文檔對象模型是針對和文檔的一個。闖關(guān)記之?dāng)?shù)組數(shù)組是值的有序集合。數(shù)組是動態(tài)的,根闖關(guān)記之語法的語法大量借鑒了及其他類語言如和的語法。 《JavaScript 闖關(guān)記》之 DOM(下) Element 類型 除了 Document 類型之外,Element 類型就要算是 Web 編程中最常用的類型了。Element 類型用于表現(xiàn) XML 或 HTML 元素...
摘要:數(shù)據(jù)類型數(shù)據(jù)類型表示數(shù)值的類型類型的分類原始類型類型數(shù)字類型類型分為整數(shù)和浮點數(shù)整數(shù)正整數(shù)負(fù)整數(shù)變量為數(shù)字類型整數(shù)顯示浮點數(shù)小數(shù)變量為數(shù)字類型浮點數(shù)顯示浮點數(shù)在小數(shù)點前面如果沒有數(shù)字,會被默認(rèn)為在小數(shù)點前的數(shù)字為比如會顯示浮點數(shù)的 數(shù)據(jù)類型 數(shù)據(jù)類型 - 表示數(shù)值的類型 類型的分類 原始類型 number類型(數(shù)字類型) number類型分為整數(shù)和浮點數(shù) 整數(shù) - 正整數(shù) 、0 、負(fù)...
摘要:對象描述是一個擁有屬性和方法的集合體屬性表示該對象的外貌方法表示該對象的行為對象的分類內(nèi)置對象表示中的預(yù)定義對象宿主對象表示匹配瀏覽器的對象比如自定義對象表示由開發(fā)人員定義的對象定義對象字面量方式語法對象名屬性名屬性值方法名方法體張小凡御雷 對象 描述 是一個擁有屬性和方法的集合體 屬性 表示該對象的外貌 方法 表示該對象的行為 對象的分類 內(nèi)置對象 表示JavaScr...
摘要:數(shù)據(jù)類型原始類型類型實為數(shù)字不區(qū)分整數(shù)和浮點類型整數(shù)類型包括負(fù)整數(shù),和正整數(shù)浮點類型表示小數(shù)類型整數(shù)和浮點數(shù)小數(shù)或并不區(qū)分整數(shù)與浮點數(shù)變量的定義并初始化字面量或直接量定義數(shù)字值浮點類型是只該數(shù)值包含整數(shù)部分,小數(shù)部分,小數(shù)點和小數(shù)部分浮點類 JS(JavaScript) 數(shù)據(jù)類型; 1.原始類型; number類型; 實為數(shù)字JS不區(qū)分整數(shù)和浮點類型;整數(shù)類型;包括負(fù)整數(shù),0和正...
閱讀 2247·2021-11-25 09:43
閱讀 2934·2019-08-30 15:52
閱讀 1885·2019-08-30 15:44
閱讀 974·2019-08-30 10:58
閱讀 752·2019-08-29 18:43
閱讀 3208·2019-08-29 18:36
閱讀 2310·2019-08-29 17:02
閱讀 1447·2019-08-29 17:01