<!DOCTYPE html><html><head>? ? <meta charset="utf-8"> <title>變量、作用域</title>? ??</head><body> <button>1</button> <button>2</button> <button>3</button>? ? <script type="text/javascript">//? ? ?var btns = document.getElementsByTagName('button');//? ? ? ? ? for (var i = 0; i < 3; i++) {//? ? ? ? ? ? ? btns[i].onclick = function () {// ? ? alert(i + 1);// ? ? };// ? ?}//在此處修改代碼? ? ? ? var btns = document.getElementsByTagName("button");? ? ? ? for(var i = 0,len = btns.length;i < len;i++){;? ? ? ? ? ? myChange(i);? ? ? ? }? ? ? ? function myChange(i){? ? ? ? ? ? btns[i].onclick = function(){? ? ? ? ? ? ? ? alert(i + 1);? ? ? ? ? ? }? ? ? ? }? ? </script></body></html>
1 回答
第二鋼協
TA貢獻29條經驗 獲得超5個贊
//?你的所有變量全是用?var?和?function?定義的，所以存在變量提升
//?1.?變量提升(將所有變量的聲明提升到當前作用域最前面)：
//????var?btn;
//????function?myChange;
//?2.?執行：
//????btn?=?document.getElementsByTagName("button");
//????for?(var?i?=?0,?len?=?btns.length;?i?<?len;?i++)?{
//????????myChange(i);
//????}-
第二鋼協建議你看看es6 的 let， 別用var定義變量，變體提升很可能導致一些無法預料的問題，建議在以后的開發過程中都用let，摒棄var
- 1 回答
- 0 關注
- 713 瀏覽
添加回答
舉報
0/150
提交
取消