MessageChannle 会生成两个 port

    1. const channel = new MessageChannel();
    3. const { port1, port2 } = channel;
    5. oBtn1.addEventListener('click', handleSendMessage1);
    6. oBtn2.addEventListener('click', handleSendMessage2);
    8. function handleSendMessage1 () {
    9.     port1.postMessage('I am PORT-1');
    10. }
    12. function handleSendMessage2 () {
    13.     port2.postMessage('I am PORT-2');
    14. }
    16. port1.onmessage = (e) => {
    17.     console.log(e);
    18. }
    20. port2.onmessage = (e) => {
    21.     console.log(e);
    22. }