宝塔服务器面板，一键全能部署及管理，送你10850元礼包，点我领取

在慕课网学习javascript教程中有一个编程题，要做的效果如下

javascript中this.index使用及常见面试题-风君雪科技博客

开始写的程序是这样的：

javascript中this.index使用及常见面试题-风君雪科技博客

保存时控制台提示：”Uncaught TypeError: Cannot set property ‘className’ of undefined”，分析如下：

上面圈出的那句没有执行，因为this.index 是undefined，（也不能直接使用i取代this.index，原因是i不是变化的值，使用alert打印输出的i值始终为3）

解决方式：在for语句执行时给当前lis[i]设置index值；

javascript中this.index使用及常见面试题-风君雪科技博客
另一种写法是： 其中将i作为函数参数传入，此时的i是变化的；

javascript中this.index使用及常见面试题-风君雪科技博客

js中常见的this.index面试基础知识问题:

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>无标题文档</title>
		<script>
			window.onload=function(){
var aBtn = document.getElementsByTagName('input');
for(var i=0;i<aBtn.length;i++){
aBtn[i].index=i;
aBtn[i].onclick=function(){
alert('i:'+i); //结果永远为3
alert('this.index:'+this.index); //结果：0,1,2
};
}
};
</script>
	</head>
	<body>
		<input type="button" value="btn1" />
		<input type="button" value="btn2" />
		<input type="button" value="btn3" />
	</body>
</html>

———————
作者：Carina_best
原文：https://blog.csdn.net/kuangruike/article/details/50848585