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

資訊專欄INFORMATION COLUMN

javascript對(duì)象和原型對(duì)象學(xué)習(xí)筆記

niceforbear / 1543人閱讀

摘要：例例通過原型鏈來檢測(cè)對(duì)象所調(diào)用的方法是否存在，存在在哪個(gè)原型對(duì)象上除了在對(duì)象對(duì)象中存在外，其他方法都是通過原型鏈的方法在上找到并調(diào)用。

前言

學(xué)習(xí)了解JavaScript對(duì)象的繼承機(jī)制

JavaScript Object 概念

Object是js的基本數(shù)據(jù)結(jié)構(gòu)的一種，屬于引用類型。

對(duì)象的創(chuàng)建方法

對(duì)象字面量寫法

構(gòu)造函數(shù)，通過構(gòu)造函數(shù)來創(chuàng)建對(duì)象實(shí)例

Object()構(gòu)造函數(shù)

create()方法

// 對(duì)象字面量
let person1 = {name: "jim"}; 
// 構(gòu)造函數(shù)
function Person(name) {
    this.name = name;
    this.greeting = function() {
        console.log("hello my name is " + this.name);
    }
}
let person2 = new Person("Bob");
console.log(person2.name);
console.log(person2.greeting());
// Object() 方法
let person3 = new Object();
person3.name = "kobe";
console.log(person3.name);
person3 = new Object({
    name: "kobe2",
    age: 22
});
console.log(person3.name);
// create() 方法 類似構(gòu)造函數(shù) 
let person4 = Object.create(person3);
person4.name = "kobe3";
console.log(person4.name,person3.name);
對(duì)象屬性的訪問方式

點(diǎn)表示法

中括號(hào)表示法

let person = {
    name: "xiaofei",
    age: 20
}
console.log(person.name);
console.log(person["age"]);
__proto__、[[prototype]]、prototype

JavaScript對(duì)象通過原型機(jī)制從其他對(duì)象繼承功能特性

每個(gè)對(duì)象有一個(gè)私有屬性[[prototype]]，這個(gè)私有屬性持有一個(gè)連接到另一個(gè)稱為其prototype對(duì)象（原型對(duì)象）的鏈接。

__proto__是瀏覽器對(duì)ES語(yǔ)法[[prototype]]的實(shí)現(xiàn)api

prototype屬性指向的對(duì)象就是實(shí)例對(duì)象的原型對(duì)象即__proto__所指引的對(duì)象

原型鏈，原型對(duì)象也可能擁有原型，并從中繼承方法和屬性，一層一層、以此類推。這種關(guān)系常被稱為原型鏈 (prototype chain)，它解釋了為何一個(gè)對(duì)象會(huì)擁有定義在其他對(duì)象中的屬性和方法。

例1

例2 通過原型鏈來檢測(cè)對(duì)象所調(diào)用的方法是否存在，存在在哪個(gè)原型對(duì)象上


person1除了name,age在對(duì)象對(duì)象中存在外，其他方法都是通過原型鏈的方法在Object上找到并調(diào)用。

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

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

相關(guān)文章

  • 重學(xué)前端學(xué)習(xí)筆記（八）--JavaScript中的原型和類

    摘要：用構(gòu)造器模擬類的兩種方法在構(gòu)造器中修改，給添加屬性修改構(gòu)造器的屬性指向的對(duì)象，它是從這個(gè)構(gòu)造器構(gòu)造出來的所有對(duì)象的原型。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專欄學(xué)習(xí)【原文有winter的語(yǔ)音】，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱：kai...

    nanfeiyan 評(píng)論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（八）--JavaScript中的原型和類

    摘要：用構(gòu)造器模擬類的兩種方法在構(gòu)造器中修改，給添加屬性修改構(gòu)造器的屬性指向的對(duì)象，它是從這個(gè)構(gòu)造器構(gòu)造出來的所有對(duì)象的原型。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專欄學(xué)習(xí)【原文有winter的語(yǔ)音】，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱：kai...

    k00baa 評(píng)論0 收藏0

  • 重學(xué)前端學(xué)習(xí)筆記（八）--JavaScript中的原型和類

    摘要：用構(gòu)造器模擬類的兩種方法在構(gòu)造器中修改，給添加屬性修改構(gòu)造器的屬性指向的對(duì)象，它是從這個(gè)構(gòu)造器構(gòu)造出來的所有對(duì)象的原型。 筆記說明 重學(xué)前端是程劭非（winter）【前手機(jī)淘寶前端負(fù)責(zé)人】在極客時(shí)間開的一個(gè)專欄，每天10分鐘，重構(gòu)你的前端知識(shí)體系，筆者主要整理學(xué)習(xí)過程的一些要點(diǎn)筆記以及感悟，完整的可以加入winter的專欄學(xué)習(xí)【原文有winter的語(yǔ)音】，如有侵權(quán)請(qǐng)聯(lián)系我，郵箱：kai...

    Render 評(píng)論0 收藏0

  • JavaScript學(xué)習(xí)第十天筆記（繼承）

    摘要：繼承原型鏈如果構(gòu)造函數(shù)或?qū)ο蟮脑椭赶驑?gòu)造函數(shù)或?qū)ο螅脑驮僦赶驑?gòu)造函數(shù)或?qū)ο螅源祟愅疲罱K的構(gòu)造函數(shù)或?qū)ο蟮脑椭赶虻脑汀? 繼承 原型鏈 如果構(gòu)造函數(shù)或?qū)ο驛的原型指向構(gòu)造函數(shù)或?qū)ο驜，B的原型再指向構(gòu)造函數(shù)或?qū)ο驝，以此類推，最終的構(gòu)造函數(shù)或?qū)ο蟮脑椭赶騉bject的原型。由此形成了一條鏈狀結(jié)構(gòu)，被稱之為原型鏈。按照上述的描述，在B中定義的屬性或方法，可以在A中使用并不需要...

    baiy 評(píng)論0 收藏0

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<