亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 promise() 運行下一個函數不起作用 - PLAIN JAVASCRIPT

使用 promise() 運行下一個函數不起作用 - PLAIN JAVASCRIPT

qq_笑_17 2023-03-03 09:57:35
我是 Javascript 開發的新手。項目 - 我目前正在開發網絡聊天機器人應用程序。問題 - 我無法使用 promise() 函數一個接一個地運行多個函數。代碼 -var messages = [  `Hello name`,  `I'm hosting a party on Sunday at my house, for my birthday`,  `I'll be really happy if you'd come`,];chatWindow = document.querySelector(".message-day");const startChat = () => {  return new Promise(function (resolve, reject) {    messages.forEach((message) => {      setTimeout(() => {        chatWindow.innerHTML += `        <div class="message">            <div class="message-wrapper">                <div class="message-content">                 <h6 class="text-dark">Karan</h6>                 <span>${message}</span>                 </div>            </div>            <div class="message-options">                 <div class="avatar avatar-sm"><img alt="" src="./assets/media/avatar/6.png"></div>                  <span class="message-date">9:12am</span>             </div>        </div> `;      }, 2000);    });    resolve();  });};startChat().then(() => {  console.log("2nd Functions");});您還可以在此處查看代碼如何讓第二個函數在startchat() [第一個函數] 結束后運行。
查看完整描述

1 回答

?
largeQ

TA貢獻2039條經驗 獲得超8個贊

現在您為 3 個操作返回 1 個承諾,但看起來您打算讓所有 3 個操作異步。為此,您需要為每個異步操作返回一個承諾。


您可能正在尋找這樣的東西:


const messages = [

  `Hello name`,

  `I'm hosting a party on Sunday at my house, for my birthday`,

  `I'll be really happy if you'd come`,

];


const chatWindow = document.querySelector(".message-day");


const startChat = () => messages.map(

    // Returns array of promises wrapping

    // each message into a promise

    (message, index) => new Promise(resolve => {

        setTimeout(() => {

            chatWindow.innerHTML += `

            <div class="message">

                <div class="message-wrapper">

                    <div class="message-content">

                     <h6 class="text-dark">Karan</h6>

                     <span>${message}</span>

                     </div>

                </div>

                <div class="message-options">

                     <div class="avatar avatar-sm"><img alt="" src="./assets/media/avatar/6.png"></div>

                      <span class="message-date">9:12am</span> 

                </div>

            </div>`;

            resolve(message);

        }, 2000 * index);

    })

);


Promise.all(startChat())

    .then(args => {

        // args will contain same strings as messages

        console.log("2nd Functions", args);

    });

如果您想在打印每條消息之前/之后調用回調,我建議將回調作為參數傳遞給startChat并在需要時調用它。


查看完整回答
反對 回復 2023-03-03
  • 1 回答
  • 0 關注
  • 134 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號