javascript中this.index使用及常见面试题
生活随笔
收集整理的這篇文章主要介紹了
javascript中this.index使用及常见面试题
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在慕課網學習javascript教程中有一個編程題，要做的效果如下
開始寫的程序是這樣的：
保存時控制臺提示："Uncaught TypeError: Cannot set property 'className' of undefined"，分析如下：
上面圈出的那句沒有執行，因為this.index 是undefined，（也不能直接使用i取代this.index，原因是i不是變化的值，使用alert打印輸出的i值始終為3）
解決方式：在for語句執行時給當前lis[i]設置index值；
另一種寫法是： 其中將i作為函數參數傳入，此時的i是變化的；
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
總結
以上是生活随笔為你收集整理的javascript中this.index使用及常见面试题的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： wps表格调整快捷操作技巧
- 下一篇： javascript七种数据类型详解 深