javascript - 类型脚本中的未定义错误

Question

我是 Type Script 新手，我正在尝试将一小段 JavaScript 代码转换为 TypeScript 并收到错误: typeError list[i] 未定义。这是我的实际js:

function handleDragStart(e) {
  this.style.opacity = '0.4';  // this / e.target is the source node.
}

var cols = document.querySelectorAll('#columns .column');
[].forEach.call(cols, function(col) {
  col.addEventListener('dragstart', handleDragStart, false);
});

这是我尝试过的 fiddle https://jsfiddle.net/hahkarthick/8cwcb970/3/

Answer 1

直接使用 i 代替 list[i]。

此外，您还必须在下面的代码中传递函数名称而不是 false。

i.addEventListener("dragstart", false);

完整代码:-

    class col {
  itrate(): any {
    let list: any = document.querySelectorAll("#columns .column");
    let i:any;
    for ( i of list) {
        console.log(i);
      console.log(list[i]);
      i.addEventListener("dragstart", this.dragStart);
    }
  }
  dragStart(event): any{
    console.log(event);
  }
}
let colz: any = new col();
colz.itrate();

fiddle 链接:- working code