Skip to content

搞英语 → 看世界

翻译英文优质信息和名人推特

Menu
  • 首页
  • 作者列表
  • 独立博客
  • 专业媒体
  • 名人推特
  • 邮件列表
  • 关于本站
Menu

如何使用 JavaScript 扩展原型

Posted on 2022-10-31

第一个 JavaScript 框架的思想症结之一是扩展原型与包装函数。 MooTools 和 Prototype 等框架扩展了原型,而 jQuery 和其他较小的框架则没有。每个都有其优点,但最终这些年后我仍然相信扩展原生原型的能力是 JavaScript 的一个巨大特性。让我们看看通过扩展原型来赋能基元的每个实例是多么容易!

每个 JavaScript 原生,如Number 、 String 、 Array 、 Object等,都有一个prototype 。 prototype上的每个方法都被该对象的每个实例继承。例如,我们可以通过扩展其原型为每个Array实例提供unique方法:

 Array.prototype.unique = function() {   返回 [...new Set(this)]; }  ['1', '1', '2'].unique(); // ['1', '2'] new Array('1', '1', '2').unique(); // ['1', '2'] 

请注意,如果您还可以通过返回this来确保链接功能:

 ['1', '1', '2'].unique().reverse(); // ['2', '1'] 

扩展原型的最大批评一直是名称冲突,其中最终的规范实现与框架实现不同。虽然我理解这个论点,但您可以使用前缀函数名称来对抗它。为原生原型添加超能力让每个实例都拥有它是如此有用,以至于我永远不会告诉别人不要扩展原型。 #MooToolsFTW。

如何使用 JavaScript 扩展原型的帖子首先出现在David Walsh 博客上。

原文: https://davidwalsh.name/javascript-extend-prototype

本站文章系自动翻译,站长会周期检查,如果有不当内容,请点此留言,非常感谢。
  • Abhinav
  • Abigail Pain
  • Adam Fortuna
  • Alberto Gallego
  • Alex Wlchan
  • Answer.AI
  • Arne Bahlo
  • Ben Carlson
  • Ben Kuhn
  • Bert Hubert
  • Bits about Money
  • Brian Krebs
  • ByteByteGo
  • Chip Huyen
  • Chips and Cheese
  • Christopher Butler
  • Colin Percival
  • Cool Infographics
  • Dan Sinker
  • David Walsh
  • Dmitry Dolzhenko
  • Dustin Curtis
  • Elad Gil
  • Ellie Huxtable
  • Ethan Marcotte
  • Exponential View
  • FAIL Blog
  • Founder Weekly
  • Geoffrey Huntley
  • Geoffrey Litt
  • Greg Mankiw
  • Henrique Dias
  • Hypercritical
  • IEEE Spectrum
  • Investment Talk
  • Jaz
  • Jeff Geerling
  • Jonas Hietala
  • Josh Comeau
  • Lenny Rachitsky
  • Liz Danzico
  • Lou Plummer
  • Luke Wroblewski
  • Matt Baer
  • Matt Stoller
  • Matthias Endler
  • Mert Bulan
  • Mostly metrics
  • News Letter
  • NextDraft
  • Non_Interactive
  • Not Boring
  • One Useful Thing
  • Phil Eaton
  • Product Market Fit
  • Readwise
  • ReedyBear
  • Robert Heaton
  • Ruben Schade
  • Sage Economics
  • Sam Altman
  • Sam Rose
  • selfh.st
  • Shtetl-Optimized
  • Simon schreibt
  • Slashdot
  • Small Good Things
  • Taylor Troesh
  • Telegram Blog
  • The Macro Compass
  • The Pomp Letter
  • thesephist
  • Thinking Deep & Wide
  • Tim Kellogg
  • Understanding AI
  • 英文媒体
  • 英文推特
  • 英文独立博客
©2025 搞英语 → 看世界 | Design: Newspaperly WordPress Theme