首頁猿問作用域的問題，可以講解一下下面代碼...

作用域的問題，可以講解一下下面代碼運(yùn)行的過程嗎？

Html5

慕小課108 2020-04-07 23:11:42

<!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 回答

第二鋼協(xié)

TA貢獻(xiàn)29條經(jīng)驗(yàn) 獲得超5個(gè)贊

//?你的所有變量全是用?var?和?function?定義的，所以存在變量提升

//?1.?變量提升(將所有變量的聲明提升到當(dāng)前作用域最前面)：
//????var?btn;
//????function?myChange;

//?2.?執(zhí)行：
//????btn?=?document.getElementsByTagName("button");
//????for?(var?i?=?0,?len?=?btns.length;?i?<?len;?i++)?{
//????????myChange(i);
//????}

反對回復(fù) 2020-04-08