Javascript( typescript )Chrome 扩展,函数回调如 promise ?

标签 javascript typescript google-chrome-extension chain arrow-functions

像这样的代码

let anotherFolder='whatever';
let anotherFolder2='whatever';

chrome.bookmarks.create( {title:'whatever2'}, function( parentFolder ) {
  chrome.bookmarks.move( anotherFolder, {parentId: parentFolder.id}, function() {
    chrome.bookmarks.removeTree( anotherFolder2, function() {
      resolve();
    });
  });
});

我可以将它转换为链式函数吗?有点像

let anotherFolder='whatever';
let anotherFolder2='whatever';

return new Promise(function(resolve){
  chrome.bookmarks.create( {title:'whatever2'}, function( parentFolder ) {
    resolve(parentFolder);
  }).then( (parentFolder) => {
    chrome.bookmarks.move( anotherFolder, {parentId: parentFolder.id}, function() {
      resolve();
    })
  }).then () => {
    chrome.bookmarks.removeTree( anotherFolder2, function() {
      resolve();
    });
  });
});

因为我收到错误“Property 'then' does not exist on type 'void'.'”

*这是 javascript-typescript,但在这里应该无关紧要 (?)

最佳答案

您需要“ promise ”任何 chrome.bookmarks.* 函数 - 顺便说一句,这使它们与 browser.bookmarks.* 函数一样工作Firefox 和(最终)Edge Web 扩展

promise 您使用的功能

let create = p1 => new Promise((resolve, reject) => {
    chrome.bookmarks.create(p1, resolve);
});
let move = (p1, p2) =>  new Promise((resolve, reject) => {
    chrome.bookmarks.move(p1, p2, resolve);
});
let removeTree = p1 => new Promise((resolve, reject) => {
    chrome.bookmarks.removeTree(p1, resolve);
});

然后您可以按如下方式使用这些函数:

let anotherFolder='whatever';
let anotherFolder2='whatever';


create({title:'whatever2'})
.then(parentFolder => move(anotherFolder, {parentId: parentFolder.id}))
.then(() => removeTree(anotherFolder));

如果您正在考虑在 Firefox(以及最终的 Edge)中使用您的扩展

未测试

let create = browser.bookmarks.create || p1 => new Promise((resolve, reject) => {
    chrome.bookmarks.create(p1, resolve);
});
let move = browser.bookmarks.move || (p1, p2) => new Promise((resolve, reject) => {
    chrome.bookmarks.move(p1, p2, resolve);
});
let removeTree = browser.bookmarks.removeTree || p1 => new Promise((resolve, reject) => {
    chrome.bookmarks.removeTree(p1, resolve);
});

那么你上面的代码应该在任何网络扩展中工作

关于Javascript( typescript )Chrome 扩展,函数回调如 promise ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43223641/

相关文章:

JavaScript:旋转多边形

javascript - JSON 到 ajax 中的 HTML 表

javascript - fabricjs 对象按组排序

node.js - LernaJS typescript 找不到模块

javascript - 在打开与站点的连接之前执行 chrome 扩展功能?

javascript - 比较对象时使用原生 JavaScript 方式遍历文档树

Angular2 响应式表单和 BehaviorSubject

typescript - 如何使用 vaadin-router 以可以通过历史解释的方式更改 Web 组件中的状态?

google-chrome - 是否可以在 Chrome 扩展中使用 npm 包?

javascript - 在 Chrome 扩展中使用页面的 Angular JS