self.dispatch.apply(self, args); 这个怎么理解？

Question

/**         * 添加一个组件实例到大屏中         *         * @param {Component} component 组件实例         * @return {Screen}         */        addComponent: function (component) {            var self = this;            // 绑定组件的所有事件            component.bind(function (event) {                var args = Array.prototype.slice.call(arguments, 1);                args.unshift(this);                args.unshift('component.' + event);                self.dispatch.apply(self, args);            });            // 添加到大屏中            component.render(self.container);            // 放入列表中            self.componentsById[component.id] = component;            return self;        }

Answer 1

遇到这种问题，你应该先了解一下 apply 的意义。它表示执行函数，并且以第一个参数作为 context，第二个参数作为函数的参数依次传入。

所以在这个地方，因为组件本身是通用的，有哪些事件，需要传入哪些参数无法确定，所以只好使用 apply 的方式把所有事件全部传到处理函数中。