JavaScript 中的 Object.preventExtensions。

在本文中，我們分析了 React 原始碼中 Object.preventExtensions() 的用法。

當標誌 hasBadMapPolyfill 為 false 且 typeof Object.preventExtensions 是一個函數時，將呼叫 Object.preventExtensions()。

但是 Object.preventExtensions() 是做什麼的？

Object.preventExtensions

Object.preventExtensions() 靜態方法可防止將新屬性新增至物件中（即防止將來對該物件進行擴充）。它還可以防止物件的原型被重新分配。

// Example picked from MDN docs
const object1 = {};
Object.preventExtensions(object1);
try {
 Object.defineProperty(object1, 'property1', {
 value: 42,
 });
} catch (e) {
 console.log(e);
 // Expected output: 
 // TypeError: Cannot define property property1, object is not extensible
}

閱讀有關 Object.preventExtension() 的 MDN 文件

React 如何使用 Object.preventExtension？

不允許添加擴充功能一定有充分的理由。我追蹤了使用它的函數，FiberNode 函數

對此呼叫 Object.preventExtension，但是哪個函數呼叫 FiberNode？

[createFiberImplClass](https://github.com/facebook/react/blob/5d19e1c8d1a6c0b5cd7532d43b707191eaf105b7/packages/react-reconciler/siber> 呼叫 Object.preventExtension.

此評論提供了為什麼物件無法擴展的解釋。

雖然我並不完全理解這些功能，但是了解如何在現實世界的開源專案中使用 Object.preventExtensions。

關於我們：

在 Think Throo，我們的使命是教授開源專案中使用的高階程式碼庫架構概念。

透過在 Next.js/React 中練習高階架構概念，將您的編碼技能提高 10 倍，學習最佳實踐並建立生產級專案。

我們是開源的 — https://github.com/thinkthroo/thinkthroo （請給我們一顆星！）

透過我們基於程式碼庫架構的高階課程來提升您的團隊的技能。請透過

hello@thinkthroo.com聯絡我們以了解更多資訊！

參考資料：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/preventExtensions
https://github.com/facebook/react/blob/5d19e1c8d1a6c0b5cd7532d43b707191eaf105b7/packages/react-reconciler/src/ReactFiber.jsL207

https://github.com/facebook/react/blob/5d19e1c8d1a6c0b5cd7532d43b707191eaf105b7/packages/react-reconciler/src/ReactFiber.jsL298https://github.com/facebook/react/blob/5d19e1c8d1a6c0b5cd7532d43b707191eaf105b7/packages/react-reconciler/src/ReactFiber.jsL136

https://github.com/facebook/react/blob/5d19e1c8d1a6c0b5cd7532d43b707191eaf105b7/packages/react-reconciler/src/ReactFiber.jsL2613

以上是JavaScript 中的 Object.preventExtensions。的詳細內容。更多資訊請關注PHP中文網其他相關文章！