Console.log将函数的结果设置为Variable

Question

同时学习如何调试我需要在浏览器中看到一个操作保存到变量的结果。

 var res=    function() {
            [].forEach.call(this.slider, function(el) {
                return el.className = 'item';
            })}.bind(this);

this.slider具有以下内容：

如果我console.log (res) 我明白了：

我想接收res函数中对this.slider所做的更改，以便我可以比较原始值和新值。

Answer 1

res是一个功能。您需要单独定义该函数，然后调用它并将结果保存在res中，如果您希望它在那里。

例如，

function example() {
        [].forEach.call(this.slider, function(el) {
            return el.className = 'item';
        })}.bind(this);

res = example();
console.log(res);

此外，您的问题很难阅读。

编辑：你的问题很难阅读，我显然不明白，我不认为这是你正在寻找的答案。请重新格式化代码段而不是图像。

编辑2：Andre Dion是正确的，这仍然会记录'undefined'，因为你没有从函数返回任何东西。

Answer 2

只需在操作对象的代码之前和之后进行记录：

var res = function() {
    console.log('before:', this.slider);

    [].forEach.call(this.slider, function(el) {
        return el.className = 'item';
    });

    console.log('after:', this.slider);
}.bind(this);