成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

javascript對象和原型對象學習筆記

niceforbear / 1591人閱讀

摘要:例例通過原型鏈來檢測對象所調用的方法是否存在,存在在哪個原型對象上除了在對象對象中存在外,其他方法都是通過原型鏈的方法在上找到并調用。

前言

學習了解JavaScript對象的繼承機制

JavaScript Object 概念

Object是js的基本數(shù)據(jù)結構的一種,屬于引用類型。

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

對象字面量寫法

構造函數(shù),通過構造函數(shù)來創(chuàng)建對象實例

Object()構造函數(shù)

create()方法

// 對象字面量
let person1 = {name: "jim"}; 
// 構造函數(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() 方法 類似構造函數(shù) 
let person4 = Object.create(person3);
person4.name = "kobe3";
console.log(person4.name,person3.name);
對象屬性的訪問方式

點表示法

中括號表示法

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

JavaScript對象通過原型機制從其他對象繼承功能特性

每個對象有一個私有屬性[[prototype]],這個私有屬性持有一個連接到另一個稱為其prototype對象(原型對象)的鏈接。

__proto__是瀏覽器對ES語法[[prototype]]的實現(xiàn)api

prototype屬性指向的對象就是實例對象的原型對象即__proto__所指引的對象

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

例1

例2 通過原型鏈來檢測對象所調用的方法是否存在,存在在哪個原型對象上


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

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

轉載請注明本文地址:http://m.hztianpu.com/yun/89812.html

相關文章

  • 重學前端學習筆記(八)--JavaScript中的原型

    摘要:用構造器模擬類的兩種方法在構造器中修改,給添加屬性修改構造器的屬性指向的對象,它是從這個構造器構造出來的所有對象的原型。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【原文有winter的語音】,如有侵權請聯(lián)系我,郵箱:kai...

    nanfeiyan 評論0 收藏0
  • 重學前端學習筆記(八)--JavaScript中的原型

    摘要:用構造器模擬類的兩種方法在構造器中修改,給添加屬性修改構造器的屬性指向的對象,它是從這個構造器構造出來的所有對象的原型。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【原文有winter的語音】,如有侵權請聯(lián)系我,郵箱:kai...

    k00baa 評論0 收藏0
  • 重學前端學習筆記(八)--JavaScript中的原型

    摘要:用構造器模擬類的兩種方法在構造器中修改,給添加屬性修改構造器的屬性指向的對象,它是從這個構造器構造出來的所有對象的原型。 筆記說明 重學前端是程劭非(winter)【前手機淘寶前端負責人】在極客時間開的一個專欄,每天10分鐘,重構你的前端知識體系,筆者主要整理學習過程的一些要點筆記以及感悟,完整的可以加入winter的專欄學習【原文有winter的語音】,如有侵權請聯(lián)系我,郵箱:kai...

    Render 評論0 收藏0
  • JavaScript學習第十天筆記(繼承)

    摘要:繼承原型鏈如果構造函數(shù)或對象的原型指向構造函數(shù)或對象,的原型再指向構造函數(shù)或對象,以此類推,最終的構造函數(shù)或對象的原型指向的原型。 繼承 原型鏈 如果構造函數(shù)或對象A的原型指向構造函數(shù)或對象B,B的原型再指向構造函數(shù)或對象C,以此類推,最終的構造函數(shù)或對象的原型指向Object的原型。由此形成了一條鏈狀結構,被稱之為原型鏈。按照上述的描述,在B中定義的屬性或方法,可以在A中使用并不需要...

    baiy 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<