javascript - 有没有办法在javascript中调用对象内的所有函数？

Question

这个问题已经有答案了:

Iterate through object properties (32 个回答)

已关闭 5 年前。

var imgs = {
    a: function(){
        //...
    },
    b: function(){
        //...
    },
    c: function(){
        //...
    }
};
var preloadImgs = function(){
    imgs.a();
    imgs.b();
    imgs.c();
};
preloadImgs();

有没有一种方法可以自动化 preloadImgs，以便它一次加载 imgs 中的所有方法，而不必我键入每个方法？

Answer 1

使用Object.values

Object.values( imgs ).forEach( s => s() );

演示

var imgs = {
    a: function(){
       console.log("1");
    },
    b: function(){
       console.log("2");
    },
    c: function(){
       console.log("3");
    }
};
var preloadImgs = function(){
    Object.values( imgs ).forEach( s => s() );
};
preloadImgs();

编辑

如果img中的所有值都不起作用，那么您可以先应用过滤器

Object.values( imgs )
  .filter( s => typeof s === 'function' ) //filter out values which are function
  .forEach( s => s() ); //execute those functions