AlanJiang_NLP 2017-12-29 08:19 采纳率: 54.5%
浏览 2070
已结题

js和dom中this指代的问题

方式1:

全选

//js中的部分代码
function selectAll() {
/*
* 全选功能
* */
var collItems = document.getElementsByName("item");
for(var i = 0; i<collItems.length;i++) {
collItems[i].checked = this.checked
alert(this)
}
}


方式2:

全选

//js中的部分代码
function selectAll(node) {
/*
* 全选功能
* */
var collItems = document.getElementsByName("item");
for(var i = 0; i<collItems.length;i++) {
collItems[i].checked = node.checked;
alert(this)
}
}


在方式1中,上述selectAll()函数中的this打印出来是window对象,这是为什么啊?我之前的理解是因为这个函数是全局的没有明确一个对象去调用它,那么在js中会默认为window对象来调用,所以函数中的this是指window;但是在方式2中,this作为函数的参数,但表示的是input这个节点并不是windows对象,这是为什么?方式2也是没有明确那个对象去调用selectAll()方法,方式2中的this应该也是window对象为什么会是input对象?如果理解为input节点绑定了一个onclick事件,那么可以理解为两种方式都是input节点去调用selectAll()方法,那么两种方式中的this都是指input节点而不是一个是window对象,一个是input节点,这是为啥?(this表示当前对象,更直接点就是谁调用的this就指那个调用的对象,js原版是这样解释this:when a function of an object was called , the object will be passed to the execution context as 'this' value,即那个对象(节点或元素)call的this就是指代这个对象。方式1说明是window对象调用selectAll()方法,方式2中说明是input节点调用selectAll()方法,为什么将将this更改了位置,调用selectAll()方法的对象就发生了改变,这是为啥?)就求大神解惑,感谢!

  • 写回答

11条回答 默认 最新

  • ManfredShuai 2017-12-29 08:18
    关注

    this就是指发生这个行为,或者需要设置的这个对象本身

    评论

报告相同问题?

悬赏问题

  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀