javascript - js数组迭代方法
大家讲道理
大家讲道理 2017-04-11 11:17:17
0
2
560

有一个构造器方法用于构建记录成绩的对象,对象原型中含有添加成绩,显示平均成绩的方法,对于一个数组,通过forEach()迭代方法,传入添加成绩的方法,目的在于对没个成绩调用添加成绩方法,然而我测试,报错就是this.scores.push(score)那里can't read property 'scores' of undefined;
代码:

function Score(){
    this.scores = [];
}
Score.prototype.add = function(score){
    this.scores.push(score);
};
Score.prototype.showAverage = function(){
    let sum = this.scores.reduce(function(pre,cur){
        return pre+cur;
    });
    console.log(sum*1.0/this.scores.length);
};
let scores = [90,80,70];
let score1 = new Score();
scores.forEach(score1.add);
score1.showAverage();

请问这是什么问题呢,求解答

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

membalas semua(2)
小葫芦

scores.forEach(score1.add);

改成:

scores.forEach(score1.add.bind(score1));

就好了。

因为,在

scores.forEach(score1.add);

中,存在一个赋值过程,即把score1.add赋给了forEach的内部参数的过程。所以,它相当于:

var add0 = score1.add;
scores.forEach(add0);

结果add里面的this就变成了undefined,所以报错了。

当然,你这样改也可以:

scores.forEach(function(score) {
    score1.add(score);
});
小葫芦

Function.prototype.bind() bind()方法会创建一个新函数,当这个新函数被调用时,它的this值是传递给bind()的第一个参数; bind 不支持IE8 可以参考 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan