Ember.js 是一个流行的前端框架，它使用“原型扩展（prototype extensions）”这种技术来使开发者能够更方便地编写可能重复出现的代码。然而，这种特性也存在一些缺陷，可能导致开发者不小心修改了原型导致程序出现奇怪的错误。为了解决这些问题，有一款 npm 包叫做 ember-disable-prototype-extensions，它能够帮助开发者在代码中禁用原型扩展。
安装
使用 npm 安装 ember-disable-prototype-extensions：
npm install --save-dev ember-disable-prototype-extensions
使用
方式一：配置 Ember 应用
在你的 Ember 应用的 ember-cli-build.js 文件中添加如下配置：
-- -------------------- ---- -------
----- -------- - --------------------------------------------
----- -------------------------- - ----------------------------------------------
--- --- - --- ----------
---
---
--- ------- - -
-------------------- -
-------------------------- ----
--
-------------- -
-------------------------- ----
--
--------------- -
-------------------------- ----
-
--
--- - --- ------------------------------- ---------
-------------- - -------------方式二：禁用特定组件的原型扩展
在需要禁用原型扩展的组件中添加如下代码：
import DisablePrototypeExtensions from 'ember-disable-prototype-extensions';
export default Ember.Component.extend(DisablePrototypeExtensions, {
...
});示例代码
禁用所有组件的原型扩展
-- -------------------- ---- -------
----- -------- - --------------------------------------------
----- -------------------------- - ----------------------------------------------
--- --- - --- ----------
---
---
--- ------- - -
-------------------- -
-------------------------- ----
--
-------------- -
-------------------------- ----
--
--------------- -
-------------------------- ----
-
--
--- - --- ------------------------------- ---------
-------------- - -------------禁用单个组件的原型扩展
import DisablePrototypeExtensions from 'ember-disable-prototype-extensions';
export default Ember.Component.extend(DisablePrototypeExtensions, {
...
});结论
使用 ember-disable-prototype-extensions 可以在 Ember.js 应用中禁用原型扩展，从而避免一些奇怪的错误。在应用中使用该记法需要考虑组件集成的场景，选择合适的使用方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60704