@原型鏈 / 博客 RSS 訂閱

Nov 06 2025

一顆冰淇淋 - js實現繼承的五種方法及原型的繼承關係

繼承是javascript中實現代碼複用的一種方式，也能綁定對象或者函數之間的關係 為什麼要繼承 比如以下代碼，Person、Student和Teacher構造函數，可以發現他們有一些特徵 Person和Student都有姓名、年齡的屬性和吃的方法，但Student還有學號、分數的屬性和學習的方法 Person和Teacher都有姓名、年齡的屬性和吃的方法，但Teacher還有教學的方法

原型 , 繼承關係 , 繼承 , 原型鏈 , Javascript

收藏 評論

Nov 06 2025

BENCJL - JavaScript原型鏈：從構造函數、原型、對象實例的關係説起

一開始看MDN的JavaScript指南，沒看明白。主要原因是關於構造函數（constructor）、原型（prototype）、對象實例（object, instance）之間關係的描述太少；直接就給我整個原型鏈讓我挺懵逼的。 於是靠百度來搞懂。我覺得先從這三者關係入手，然後回頭理解原型鏈更容易。 相關資料： （側重關係）構造函數、對象實例、原型對象三者之間的關係 （側重原型鏈

構造函數 , 繼承 , 原型鏈 , 對象 , Javascript

收藏 評論

Nov 06 2025

編程碼農 - 前端-JavaScript中的class

類 類是用於創建對象的模板。JavaScript中生成對象實例的方法是通過構造函數，這跟主流面嚮對象語言（java，C#）寫法上差異較大，如下： function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function () { return '(' + this.x + ', ' + t

類 , 繼承 , 原型鏈 , 前端 , Javascript

收藏 評論

Nov 06 2025

nqbefgvs - es6的繼承原理

javascript有八種類型的數據，其中沒有function，是因為function被object這個大類包含了。也就是説，所有函數都是object。 當我們自己聲明瞭一個類，我們拿到的引用是一個函數的引用，它默認繼承於內置的Object對象，但是由於javascript最頂層的父級（Object和Function）設計有點亂，並且不具有普適性，在這裏我們用兩個普通的類來演示繼承的實現。 將子類

ecmascript-6 , new , es5 , 原型鏈 , Javascript

收藏 評論

Nov 06 2025

HZFEStudio - ES5、ES6 如何實現繼承

完整高頻題庫倉庫地址：https://github.com/hzfe/aweso... 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 關於 ES5 和 ES6 的繼承問題 原型鏈概念 回答關鍵點 原型鏈繼承 構造函數繼承 ES6 類繼承 繼承是指子類型具備父類型的屬性和行為，使代碼得以複用，做到設計上的分離。JavaScript 中的繼承主要通過原型鏈和

ecmascript-6 , 繼承 , 原型鏈 , 前端 , Javascript

收藏 評論

Dec 21 2025

長腿大壯 - JS中`typeof`與`instanceof`關鍵詞的使用解析

JS中typeof與instanceof關鍵詞的使用解析 在JavaScript中，typeof和instanceof是用於類型檢測的核心運算符，但適用場景和檢測邏輯截然不同：typeof主要檢測基本數據類型（也可檢測函數），返回字符串類型的結果；instanceof檢測引用類型的原型鏈，判斷對象是否為某個構造函數的實例。掌握二者的區別與適用場景，是編寫健壯類型判斷邏輯的關鍵，尤其在

oracle , 引用類型 , 數據庫 , 基本類型 , 原型鏈

收藏 評論

Nov 16 2025

謝爾登_ - 原型理解從入門到精通

原型這塊知識點，其實在我們工作中的使用非常簡單。但是俗話説“面試造火箭，工作擰螺絲”，在面試中，面試官不時就會考察一些花裏胡哨的問題，所以，我們只有將這個概念和他的相關知識理解透徹，才能以不變應萬變。 兩個容易混淆但要分清的東西 ​每個普通對象都有內部隱式屬性 ​[[Prototype]]​​（常見訪問名 ​proto​） ——

構造函數 , Css , 原型鏈 , 前端開發 , 原型對象 , HTML

收藏 評論

Mar 24 2021

林一一 - 面試 | JS 經典面試題初篇(this, 閉包, 原型...)含答案

推薦閲讀地址 掘金 github 變量提升 做題前建議先閲讀一遍 徹底解決 JS 變量提升的面試題 面試題 1. 問下面輸出結果 if( !("a" in window) ){ var a = 12 } console.log(a) // undefined 無論條件是否成立都會變量提升，全局下的 var 相當於給 window 設一個屬性 window.a = undefi

閉包 , this的用法 , 原型鏈 , 前端 , Javascript

收藏 評論