Question

Worker接口的postMessage()方法允许传递transferList，它是应该传递引用的对象数组（而不是被复制的对象）。

myWorker.postMessage(aMessage, transferList);

是否有一种安全的方式来递归提取所有可以传递其引用的对象（根据API，仅MessagePort和ArrayBuffer），所以我们不必担心手动传递所有这些？

myWorker.postMessage(aMessage, extractTransferList(aMessage));

是否建议实施此行为？

示例：

当我们考虑以下代码时：

var objData =
{
    str: "string",
    i8: new Int8Array(200),
    obj : {
       num : 8,
       ab: new ArrayBuffer(100)
    }  
};
objWorker.postMessage(objData, [objData.i8.buffer, objData.obj.ab]);

我们需要在第二个参数中指定应该传递其引用的对象的所有字段。我的问题是建立一个为我们工作的功能，以确保我们不会忘记一些可转移的对象（这可能会影响性能而我们不知道）。

objWorker.postMessage(objData, extractTransferList(objData));

Answer 1

我的问题是建立一个为我们完成工作的功能，以确保我们不会忘记一些可转移的对象（这可能会影响性能，而我们不知道它）。

您可以实现一个函数，该函数通过对象图来递归查找可转移对象并构建它们的数组，例如：

// *Sketch*, not debugged code!!
function getTransferrables(obj, array) {
    var key, value;
    if (!array) {
        array = [];
    }
    for (key in obj) {
        // (Add a hasOwnProperty check here if you want one)
        value = obj[key];
        if (value !== null) {
            if (typeof value === "object") {
                if (isTransferrable(value)) {
                    array.push(value);
                } else { // I *think* you want an else here, or should we recurse into transferrables?
                    getTransferrables(value, array);
                }
            }
        }
    }
    return array;
}
var toString = Object.prototype.toString;
function isTransferrable(obj) {
    switch (toString.call(obj)) {
        case "[object MessagePort]": // I checked these on Chrome and Firefox,
        case "[object Int8Array]":   // you'll want to verify on your target
        case "[object Int16Array]":  // browsers!
        // ...etc...
            return true;
        default:
            return false;
    }
}

然后你会像这样使用getTransferrables：

foo.postMessage(obj, getTransferrables(obj));

如果您发现toString中的isTransferrable技巧不可靠，则可以使用该对象的constructor属性，例如：

var ctor = obj.constructor;
return ctor === MessagePort ||
       ctor === Int8Array ||
       ctor === Int16Array ||
       // ...
       ;

您必须检查哪些（如果有的话）更可靠，甚至可能需要将两者混合以获得良好的跨浏览器覆盖率。

你会注意到我在instanceof中没有使用isTransferrable，这看起来很有用。问题是类型化数组在ES2015中是子类：

class MyNiftyArray extends Int32Array {
    // ...
}

当你这样做时，MyNiftyArray的实例是instanceof基类：

let a = new MyNiftyArray();
console.log(a instanceof Int32Array); // true

...但我们不知道子类实例实际上是可转移的。

然而，如果您只使用自己的代码使用此内容，并且您知道从未将可转换类型子类化，那么您确实可以使用instanceof。

// Relies on knowing that `obj` is not an instance of a subclass of a
// tranferrable
function isTransferrable(obj) {
    return obj instanceof MessagePort ||
           obj instanceof Int8Array ||
           obj instanceof Int16Array ||
           // ...
           ;
}

从javascript对象中提取Transferable列表？

1 个答案: