js setTimeout 中怎么返回值

Question

由于DOM加载问题，需要异步后才能获取到DOM的属性， 但是我需要返回这个判断， 怎么写才能返回出去判断后的值；代码如下，现在是不行的 checkOver(item){        let check = false;          setTimeout(() => {            check = $('#dept' + item.department_id)[0].offsetWidth < $('#dept' + item.department_id)[0].scrollWidth;            return check;          }, 1)      }

Answer 1

在setTimeout中你是拿不到返回值的，你可以用Promise来wrap一下。

function checkOver(item) {

   let check = false;

   let promise = new Promise(function(resolve, reject) {

     setTimeout(() => {

       check = $('#dept' + item.department_id)[0].offsetWidth < $('#dept' + item.department_id)[0].scrollWidth;

       resolve(check);

     }, 1);

   });

   return promise;

}

checkOver(item).then((check) => {

  console.log(check); // --> true/false

});

Answer 2

异步返回不出去的 

关于异步常用两种方式 callback和promise

callback回调:

checkOver(item,callback){

    let check = false;

    setTimeout(() => {

        check = $('#dept' + item.department_id)[0].offsetWidth < $('#dept' + item.department_id)[0].scrollWidth;

        callback&&callback(check)

    }, 1)

}

//调用

checkOver(item,function(check){

    console.log(check)

})