                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /HTML5小游戏---爱心鱼（上）

this.x[i]在init中是如何传到draw中的啊

不是在函数内部吗怎么可以传出来呢

Astar777

2017-09-15

源自：HTML5小游戏---爱心鱼（上） 2-3

关注问题我要回答

1341

操作

收起

2 回答

慕斯2023878 回答被采纳 +2 积分
2017-09-16

init中的

this.x[i] 代表 aneObj.x[i], this其实就是指 aneObj, 而aneObj相对于 init 和draw 是外部的变量，所以他们都能访问的到 aneObj

0 回复有任何疑惑可以回复我~

收起回答

weibo_包子饺子馒头花卷8_0
2017-10-12

无法传递，导致海葵出不来，后来干脆

//定义一个海葵对象的类
var aneObj = function()
{
};
//定义海葵的宽、高属性
var x = [];
var y = [];
//定义海葵个数
aneObj.prototype.num = 50;
//初始化确定每一个海葵的位置
aneObj.prototype.init = function()
{
    for(var i = 0; i < this.num; i++) {
        //宽
        x[i] = i * 20 + Math.random() * 20;//Math.random()随机[0,1]
        //高
        y[i] = 200 + Math.random() * 50;
    }
    console.log(x[i]);

};
//绘制海葵
aneObj.prototype.draw = function()
{
    //指定api区间样式生效
    ctx2.save();
    ctx2.globalAlpha = 0.6;
    ctx2.lineWidth = '20';
    ctx2.lineCap = 'round';
    ctx2.strokeStyle = '#3b154e';
    for(var i = 0; i < this.num; i++) {
        //beginPath,moveTo,lineTo,strokeStyle,stroke,lineWidth,lineCap,globalAlpha
        ctx2.beginPath();
        ctx2.moveTo(x[i],canHeight);
        ctx2.lineTo(x[i],canHeight - y[i]);
        ctx2.stroke();
    }
    ctx2.restore();
};