关于canvas遇到一个诡异的问题

Question

HTML:

<canvas id="canvas" width="1000" height="900"></canvas>

JS:

var map = {
    canvas: document.getElementById('canvas'),
    cxt: this.canvas.getContext('2d'),
}

如果将HTML和JS的canvas的id改成canvas1或其他任何单词都会报错，Cannot read property 'getContext' of undefined；

Answer 1

你这个this用的不对，只有在函数里面在有this

Answer 2

你这代码比较吊，下面的这个对象

var map = {
    canvas: document.getElementById('canvas'),
    cxt: this.canvas.getContext('2d'),
}

this这个时候要么是window要么是undefined，居然不报错，这才让我感到震惊。

你在当前作用域里面肯定有个名为canvas的变量吧？