Web扩展的核心库模块

最近更新： 2026年6月17日

主题：
Tags

创建对象：

Developer

本文档提供了可在Web扩展中使用的核心库模块的列表。您可以使用 require('@adobe/{MODULE}') 访问这些模块，其中 {MODULE} 是要使用的核心模块的名称。

reactor-object-assign

reactor-object-assign 通过将属性从源对象复制到目标对象来模拟本机 Object.assign 方法。

var objectAssign = require('@adobe/reactor-object-assign');
var all = objectAssign({ a: 'a' }, { b: 'b' });

reactor-cookie 对象是用于读取和写入 Cookie 的实用程序。有关更多信息，请参阅 js-cookie npm 包。

var cookie = require('@adobe/reactor-cookie');
cookie.set('foo', 'bar');
console.log(cookie.get('foo'));
cookie.remove('foo');

reactor-document

reactor-document 表示 Document 对象。当通过允许测试使用 inject-loader 之类的实用程序注入模拟 document 对象来测试模块时，这会很有用。

var document = require('@adobe/reactor-document');
console.log(document.location);

reactor-query-string

reactor-query-string 是用于解析和序列化查询字符串的实用程序。

var queryString = require('@adobe/reactor-query-string');
var parsed = queryString.parse(location.search);
console.log(parsed.campaign);
var obj = {
  campaign: 'Campaign A'
};
var stringified = queryString.stringify(obj);

该实用程序具有以下方法：

queryString.parse({STRING})：将查询字符串解析为对象。查询字符串中的前导 ?、# 和 & 字符将被忽略。
queryString.stringify({OBJECT})：将对象字符串化为查询字符串。

reactor-load-script

reactor-load-script 是一个在给定 URL 时加载脚本的函数。系统将创建一个脚本标记并将其放置在文档的 head 节点中。系统将返回一个 promise，您可以使用它来确定脚本加载的成功时间或失败时间。

var loadScript = require('@adobe/reactor-load-script');
var url = 'http://code.jquery.com/jquery-3.1.1.js';
loadScript(url).then(function() {
  // Do something ...
})

reactor-promise

reactor-promise 是一个模拟 ECMAScript 6 中本机 Promise API 的构造函数。如果本机 Promise API 可用，则将返回该 API。

var Promise = require('@adobe/reactor-promise');
new Promise(function(resolve) {
  resolve();
}, function(err) {
  console.error(err);
});

reactor-window

reactor-window 表示 Window 对象。当通过允许测试使用 inject-loader 之类的实用程序注入模拟 Window 对象来测试模块时，这会很有用。

var window = require('@adobe/reactor-window');
console.log(window.document);

recommendation-more-help

experience-platform-help-tags