【JavaScript】核心語法之對(duì)象

haoguo 發(fā)布于2019-08-26 12:10 / 3010人閱讀

摘要：對(duì)象一對(duì)象對(duì)象是什么理解成你所看到的任何物體獨(dú)有屬性并且使用方法對(duì)象的分類內(nèi)置對(duì)象原生對(duì)象是以為標(biāo)準(zhǔn)定義好的對(duì)象，可直接拿來使用宿主對(duì)象是以瀏覽器自身運(yùn)行環(huán)境下提供的對(duì)象，并且才可使用自定義對(duì)象開發(fā)人自身創(chuàng)建的對(duì)象，并使用二創(chuàng)建對(duì)象對(duì)象初始

JS(JavaScript)

對(duì)象
一.對(duì)象
1.對(duì)象是什么；
理解成你所看到的任何物體獨(dú)有屬性并且使用方法
2.對(duì)象的分類；

內(nèi)置對(duì)象/原生對(duì)象；

是以ECMAScript為標(biāo)準(zhǔn)定義好的對(duì)象，可直接拿來使用

宿主對(duì)象；

是以瀏覽器自身運(yùn)行環(huán)境下提供的對(duì)象，并且才可使用

自定義對(duì)象；

開發(fā)人自身創(chuàng)建的對(duì)象，并使用
二.創(chuàng)建對(duì)象；
1.對(duì)象初始化方法；
通過字面量創(chuàng)建對(duì)象

/*對(duì)象的初始化創(chuàng)建方式
var 對(duì)象名 = {
    屬性名 : 屬性值,
    方法名 : function(){
        方法體
    }
}
    */
var obj1 = {
    name:"犬夜叉",
    age: 16,
    sayMe :function () {
        console.log("我是犬夜叉");
    }
}

2.構(gòu)造函數(shù)方法；
通過JS的預(yù)定義類型來創(chuàng)造對(duì)象

/*對(duì)象構(gòu)造函數(shù)
* 利用所用引用類型創(chuàng)建對(duì)應(yīng)對(duì)象；具體類型
  var num = new Number();// Number類型
  var str = new String();// String類型
  var boo = new Boolean();// Boolean類型

  利用Object作為構(gòu)造函數(shù)創(chuàng)建對(duì)象
  var 對(duì)象名 = new Object();
  var 對(duì)象名 = 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方法；
指定原型和多個(gè)指定屬性對(duì)象

var obj6 = Object.create(null);
var obj7 = Object.create(obj1);

/*利用Object.create()方法創(chuàng)建對(duì)象
* var 對(duì)象名 = Object.create(null)；創(chuàng)建一個(gè)空對(duì)象
  var 對(duì)象名 = Object.create(obj)
  obj- 表示另一對(duì)象
  當(dāng)前創(chuàng)建新對(duì)象擁有與obj對(duì)象相同屬性和方法
 */

三.對(duì)象的屬性；
1.調(diào)用對(duì)象的屬性；
對(duì)象名.屬性名；不能用復(fù)雜命名屬性名稱
對(duì)象名[屬性名]；能用復(fù)雜命名屬性名稱

var obj = {
    name : "犬夜叉",
    "Type-Content" : "text/html",
    sayMe : function(){
        console.log("我是犬夜叉");
    }
}
/*
    對(duì)象名.屬性名
      * 不適用于復(fù)雜命名的屬性名稱
 */
console.log(obj.name);// 犬夜叉
// console.log(obj.Type-Content);
/*
    對(duì)象名[屬性名]-通用調(diào)用方式
      * 適用于復(fù)雜命名的屬性名稱
 */
console.log(obj["name"]);// 犬夜叉
console.log(obj["Type-Content"]);// text/html

// 訪問一個(gè)對(duì)象不存在的屬性 -> 值為 undefined
console.log(obj.age);

2.新增對(duì)象的屬性；
以兩種屬性表示
對(duì)象名.新的屬性名 = 屬性值
對(duì)象名[新的屬性名] = 屬性值

var obj = {
    name : "漩渦鳴人",
    sayMe : function(){
        console.log("我是漩渦鳴人");
    }
}
/*
    對(duì)象名.新的屬性名 = 屬性值
    對(duì)象名[新的屬性名] = 屬性值
 */
obj.age = 18;
console.log(obj);

/*
  空對(duì)象默認(rèn)沒有自身的屬性和方法(父級(jí)Object)
 */
var obj1 = {};
console.log(obj1);

obj1.name = "日向雛田";
console.log(obj1);

3.修改對(duì)象的屬性；

var obj = {
    name : "漩渦鳴人",
    sayMe : function(){
        console.log("我是漩渦鳴人");
    }
}
/*
    對(duì)象名.已存在屬性名 = 屬性值
    對(duì)象名[已存在屬性名] = 屬性值
 */
obj.name = "日向雛田";
console.log(obj);

4.刪除對(duì)象的屬性；
以delete表示刪除該屬性
delete 對(duì)象名.屬性名
delete 對(duì)象名[屬性名]

var obj = {
    name : "犬夜叉",
    sayMe : function(){
        console.log("我是犬夜叉");
    }
}
/*
    delete 對(duì)象名.屬性名
    delete 對(duì)象名[屬性名]
 */
delete obj.name;
console.log(obj.name);// undefined

四.對(duì)象的方法；
1.調(diào)用對(duì)象的方法；
有兩種方法表示調(diào)用對(duì)象
對(duì)象名.方法名()
對(duì)象名[方法名]()

var obj = {
    name : "犬夜叉",
    age : 18,
    sayMe : function(){
        console.log("我是犬夜叉");
    }
}
// 對(duì)象名.方法名()
obj.sayMe();
// 對(duì)象名[方法名]()
obj["sayMe"]();

2.新增對(duì)象的方法；
以function()來表示新增對(duì)象
對(duì)象名.新的方法名 = function(){}
對(duì)象名[新的方法名] = function(){}

var obj = {
    name : "漩渦鳴人",
    age : 16,
    sayMe : function(){
        console.log("我是漩渦鳴人");
    }
}
// 對(duì)象名.新的方法名 = function(){}
obj.sayYou = function(){
    console.log("你是日向雛田");
}
console.log(obj);
// 對(duì)象名[新的方法名] = function(){}

3.修改對(duì)象的方法；

var obj = {
    name : "漩渦鳴人",
    age : 16,
    sayMe : function(){
        console.log("我是漩渦鳴人");
    }
}
// 1.對(duì)象名.方法名 = function(){}
obj.sayMe = function(){
    console.log("你是日向雛田");
}
console.log(obj);
obj.sayMe();
// 2.對(duì)象名[方法名] = function(){}

4.刪除對(duì)象的方法；
delete 對(duì)象名.方法名
delete 對(duì)象名[方法名]

var obj = {
    name : "犬夜叉",
    age : 16,
    sayMe : function(){
        console.log("我是犬夜叉");
    }
}
// delete 對(duì)象名.方法名
delete obj.sayMe;
// 訪問對(duì)象中不存在的方法-報(bào)錯(cuò)(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)目前是個(gè)方法
    if (obj.sayMe instanceof Function) {
        obj.sayMe();// 方法調(diào)用
    }
}
// 以上代碼可以優(yōu)化為以下代碼
if ("sayMe" in obj && obj.sayMe instanceof Function) {
    obj.sayMe();// 方法調(diào)用
}

// delete 對(duì)象名[方法名]

云服務(wù)器 GPU云服務(wù)器 AJAX核心對(duì)象面向?qū)ο?語法分析 javascript核心 javascript 語法

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/108139.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

haoguo

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

#yyds干貨盤點(diǎn)# Web應(yīng)用測(cè)試

閱讀 2306·2021-11-25 09:43
flex-box 速記表

閱讀 2942·2019-08-30 15:52
css position屬性為absolute時(shí)，其百分值的計(jì)算

閱讀 1893·2019-08-30 15:44
CSS3 filter（濾鏡）屬性

閱讀 982·2019-08-30 10:58
移動(dòng)端video局部播放視頻

閱讀 762·2019-08-29 18:43
css實(shí)現(xiàn)水平垂直居中

閱讀 3217·2019-08-29 18:36
javascript 運(yùn)算符

閱讀 2316·2019-08-29 17:02
CSS方法論（一）

閱讀 1458·2019-08-29 17:01

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

【JavaScript】核心語法之對(duì)象

相關(guān)文章

**《JavaScript 闖關(guān)記》之簡(jiǎn)介**

JavaScript 闖關(guān)記

JavaScript 之核心語法 [ 數(shù)據(jù)類型 ]

JavaScript 之核心語法 [ 對(duì)象 ]

**【JavaScript】核心語法之數(shù)據(jù)類型**

發(fā)表評(píng)論

0條評(píng)論

haoguo

男|高級(jí)講師

TA的文章

#yyds干貨盤點(diǎn)# Web應(yīng)用測(cè)試

flex-box 速記表

css position屬性為absolute時(shí)，其百分值的計(jì)算

CSS3 filter（濾鏡）屬性

移動(dòng)端video局部播放視頻

css實(shí)現(xiàn)水平垂直居中

javascript 運(yùn)算符

CSS方法論（一）

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

【JavaScript】核心語法之對(duì)象

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！