代码之家 › 专栏 › 技术社区 › shmnff

如何传递解析值

promise javascript

shmnff · 技术社区 · 7 年前

这个怎么了 Promise 使用?

const count_elems = function(c){
  const elems = c.getElementsByTagName('p');
  console.log(elems.length);
};

const handler = function(){
    return new Promise(function (resolve, reject) {
     const cont = document.getElementById('cont');
     const p = document.createElement('p');
     for (let i=100000; i--;){
        cont.appendChild(p.cloneNode());
     }
     return resolve(cont);
  })
}

const test = function(){
  handler()
    .then(count_elems(c))
    .catch(function(e){console.log(e)});
};

document.getElementById('but')
  .addEventListener('click', test);

 <div id="cont"></div>
  <button id="but">click me</button>

2 回复 | 直到 7 年前

Suren Srapyan 7 年前

获取 c 在 then 函数,然后传递到 count_elems 作用同时拆下 return 在 resolve ,你不需要。

.then(c => count_elems(c)) 或者只是 .then(count_elems) 没有函数调用。

const count_elems = function(c){
   const elems = c.getElementsByTagName('p');
   console.log(elems.length);
};

const handler = function() {

   return new Promise(function (resolve, reject) {
      const cont = document.getElementById('cont');
      const p = document.createElement('p');
      
      for (let i=100000; i--;){
         cont.appendChild(p.cloneNode());
      }
     
      resolve(cont);
  });
  
}

const test = function() {
   handler().then(c => count_elems(c))
            .catch(e => console.log(e));
};

document.getElementById('but')
        .addEventListener('click', test);

<div id="cont"></div>
<button id="but">click me</button>

Ultimater 7 年前

.then(count_elems(c)) 应该是 .then(count_elems)

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前