javascript - 超时不超时

Question

我在 javascript 对象中有一组函数。这是其中之一:

addImage: function(evt) {
        var file = evt.target.files[0];
        /* Only process image files.*/
        if(file.type.match('image.*')) {
            /*Add image to FileReader object*/
            var reader = new FileReader();
            reader.readAsDataURL(file);
            /*Add image to local storage */
            reader.onload = (function(theFile) {
                return function(e) {
                    localStorage.setItem(underlayer.url, e.target.result);
                    //add image
                    underlayer.setImage();
                    underlayer.setPosition();
                    setTimeout(underlayer.setHeight(), 5000);

                };
            })(file);
        }
    },

我希望 underlayer.setHeight() 在延迟后触发，这是必要的，因为它读取加载到本地存储中的图像的高度，这需要几毫秒。但是，underlayer.setHeight 是 emidiately 触发的，没有延迟。

Answer 1

通过将 () 放在 setHeight 之后，您正在调用该函数，并将其返回值传递给 setTimeout。这显然不是您想要做的。

删除 ()，它应该可以正常工作。

编辑:忘了上下文。 setTimeout(function() {underlayer.setHeight();},5000); 可能是您最好的选择。