tag 原型

標籤
貢獻15
67
01:01 PM · Nov 04 ,2025
icecreamlj 頭像 dirackeeko 頭像 yancy_5f300f5cc4004 頭像 niumingxin 頭像 bianchengsanmei 頭像 limingcan562 頭像 wojiaocuisite 頭像 qinglong_62898aa51988d 頭像 54r9rxzy 頭像 anchen_5c17815319fb5 頭像 webinfoq 頭像 alijishu 頭像

@原型 / 博客 RSS 訂閱

54r9rxzy 頭像

Tqing - JavaScript中原型與原型鏈

構造對象 function Person() {} let person = new Person() 上面程序建立了一個Person類型的實例 原型 function Person() {} Person.prototype.name = "ztq" Person.prototype.sayHi = function () {console.log("hello world")} l

原型 , 原型鏈 , Javascript

收藏 評論

lxlu 頭像

肥皂泡 - js沒有原型鏈的對象

一次偶然操作，處理http接口返回的數據時，判斷這個對象是否有某個key，用了hasOwnProperty const { data } = await getDataFromAjax() console.log(data.hasOwnProperty('key1')) 結果報錯，data.hasOwnProperty undefined 這個錯誤解決不是重點，用in和Object.hasOwn都

原型 , Javascript

收藏 評論

yinzhixiaxue 頭像

銀之夏雪 - js繼承您瞭解多少呢

實現繼承的方式有很多，下面我們來寫常用的幾種（包括但不限於原型鏈繼承、構造函數繼承、組合繼承、寄生組合繼承、ES6繼承）： 原型鏈繼承 原型鏈繼承通過修改子類的原型為父類的實例，從而實現子類可以訪問到父類構造函數以及原型上的屬性或者方法。 // 原型鏈繼承 function Parent () { this.name = 'kobe' } Parent.prototype.getName

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

收藏 評論

zhaoxiaoman 頭像

漫姐賊6 - __proto__，constructor，prototype

__proto__(實際原型)和prototype(原型屬性)不一樣！！！ constructor屬性(原型對象中包含這個屬性，實例當中也同樣會繼承這個屬性) prototype屬性(constructor.prototype原型對象) __proto__屬性(實例指向原型對象的指針) 首先弄清楚幾個概念： 什麼是對象？ 若干屬性的集合 什麼是原型？ 原型是一個對象，其他對象可以

原型 , 原型鏈 , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈03 原型鏈的終點

書接上文[[JS] javascript中的原型鏈02 prototypeconstructor](https://segmentfault.com/a/1190000043925349) 為了邏輯關係的清晰，我們去掉表示constructor的線條，加上Object對象，用.__proto__到達原型鏈的終點null。 javascript中原型鏈的終點是null，(Object.pro

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈02 prototype&constructor

這是構造函數和構造函數的prototype之間的關係 Person.prototype.constructor === Person; // true 那麼對Person創建的實例對象p1 p1.__proto__.constructor === Person; // true 在瀏覽器控制枱中輸入如下代碼 function Person(name) { this.name = name;

原型 , constructor , 原型鏈 , 前端 , Javascript

收藏 評論

alijishu 頭像

阿里雲開發者 - 理解JS中的原型(Prototypes)

全新對象 在JS中，對象是有很多key和value構成的一種數據存儲結構。例如，如果想描述一個人的基本信息，可以構建一個擁有firstName和lastName的對象，並且分別被賦值為北宸和範。在JS對象中的key的值是String類型的。 在JS中，可以用Object.create創建一下全新的對象： //構建了一個空對象 var person = Obeject.create(null)

js異步編程 , code , prototype , 原型 , 代碼規範

收藏 評論

webinfoq 頭像

破曉L - 面試小冊：面試官經常問的十個棘手的 JavaScript 問題

1. 可變性 在 JavaScript 中有七種基本數據類型（string、number、boolean、undefined、symbol、bigint 和 null），這些都是不可變的。這意味着一旦分配了一個值，我們就無法修改它們，我們可以做的是將它重新分配給一個不同的值（不同的內存指針）。另一方面，其他數據類型（如 Object 和 Function）是可變的，這意味着我們可以修改同一內存指

原型 , 閉包 , 面試問題 , 前端 , Javascript

收藏 評論

anchen_5c17815319fb5 頭像

anchen - 如何理解JS原型和原型鏈

每個函數（箭頭函數除外）都有prototype屬性，該屬性指向原型。 每個對象（null除外）都有__proto__屬性，指向了創建了該對象的構造函數的原型。（注：函數也是對象） 對象可以通過__proto__來尋找不屬於該對象的屬性，__proto__將對象連接起來組成了原型鏈。 理解原型和原型鏈，下面這張圖很重要： 根據上面這張圖，能夠得到如下等式： // 一、對象的__p

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

yancy_5f300f5cc4004 頭像

yancy - 徹底弄懂JavaScript作用域問題

這幾次都是些的基礎文章，可能好多人會説基礎不太重要，做前端這麼久，也沒用到多少基礎 font color="gray"（首先恭喜你，已經進提前進入了被優化名單）/font。 下面我們來詳細解答一下基礎是什麼。 let 知識, 基礎 if (知識 === '🏡') { 基礎 = '地基' } if (知識 === '🌲') { 基礎 = '樹根' } if (知識 === '天空')

作用域 , 原型 , 作用域鏈 , 前端 , Javascript

收藏 評論

qinglong_62898aa51988d 頭像

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山，均屬於 JavaScript 中基礎卻又十分複雜的部分，而且面試中也經常問到。 今天，我們就來詳細介紹一下原型鏈與繼承，聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘，可直接跳轉至原型鏈圖片看圖複習。 下面，讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時，都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

wojiaocuisite 頭像

我叫崔斯特 - 萬物皆空之 JavaScript 原型

ES6帶來了太多的語法糖，其中箭頭函數掩蓋了 this 的神妙，而 class 也掩蓋了本文要長篇談論的 原型。 最近，我重寫了這篇文章，通過本文，你將可以學到： 1. 如何用 ES5 模擬類； 2. 理解 prototype 和 __proto__； 3. 理解原型鏈和原型繼承； 4. 更深入地瞭解 JavaScript 這門語言。 引入：普通對象與函數對象 在 JavaScript 中，一直

原型 , 原型鏈 , Javascript

收藏 評論

limingcan562 頭像

limingcan - 關於原型鏈的問題，教你怎麼套用方法直接判斷，面試不再虛

前言 首先原型、原型鏈，算是前端進階裏面必不可少，十分重要的一塊了。由於這塊特別繞，所以面試官很喜歡用這一塊來辨別你的底層知識掌握的怎麼樣。用的第三方框架，庫裏面，很多功能模塊化了，但大部分功能都繼承自一個基類。既然涉及到繼承，那也必不可少得先了解原型鏈，所以原型鏈確實重中之重。 為什麼大家對原型，原型鏈子會感到“懵”跟“繞” 其本質是因為，大家都沒理清楚__proto__、prototype、c

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

收藏 評論

bianchengsanmei 頭像

編程三昧 - 再解 JavaScript 原型與原型鏈

前言 JavaScript 原型與原型鏈雖然是一個老生常談的話題，但依然困惑着很多人，今天我再來從另一個角度談談這個問題。 兩個疑問 先看這樣一段代碼： let obj = {} obj.__proto__.haha = 'gogo' console.log(obj.haha) // "gogo" 運行一下上面的代碼，輸出結果為 gogo。 針對這個結果，有以下疑問： obj 哪來的 __p

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

niumingxin 頭像

微言 - 繼承

繼承 原型鏈繼承 實現方式如下 function Parent() { this.name = '微言'; } Parent.prototype.getName = function () { console.log(this.name); }; function Child() {} // new Parent產生的一個parent 的實例，同時包含了，實例屬性以及原型方法

原型 , 繼承 , 前端

收藏 評論

icecreamlj 頭像

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

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

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

收藏 評論

icecreamlj 頭像

一顆冰淇淋 - js面向對象編程，你需要知道這些

javascript中對象由key和value組成，key是標識符，value可以為任意類型 創建對象的方式 1、通過構造函數 var obj = new Object() obj.name = 'alice' obj.age = 18 2、通過字面量 var obj = { name: 'alice', age: 18 } 屬性描述符 對屬性進行精準的操作，比如定義屬性是否可被刪除、遍歷或修

原型 , 構造函數 , 對象 , Javascript

收藏 評論