鍦ㄤ箣鍓嶇殑璇剧▼涓紝鎴戜滑鎻愬埌鐢↗avaScript缂栧啓鐨勭▼搴忎笉浼氳繍琛屽湪涓€涓粺涓€鐨勭幆澧冧腑銆傝櫧鐒舵垜浠煡閬撶幇瀹炰腑鏈夊畾涔塃CMAScript瑙勮寖鐨勭粍缁嘥C39锛屼篃鏈夌紪鍐橦TML5鍜孋SS瑙勮寖鐨勭粍缁嘩3C锛圵orldWideWebConsortium锛夛紝浣嗘槸涓嶅悓娴忚鍣ㄥ巶鍟嗗JavaScript铏氭嫙鏈虹殑瀹炵幇浼氬奖鍝嶆垜浠殑绋嬪簭鏈€缁堟墽琛屾椂鐨勭粨鏋溿€?铏界劧瀛樺湪鏍囧噯锛屼絾鏄疄鐜拌繖浜涙爣鍑嗙殑鍏徃鐙珛浜庢爣鍑嗚€屽瓨鍦紝瀵艰嚧鍚屼竴涓爣鍑嗕笅锛屽湪娴忚鍣ㄥ巶鍟嗗拰JS寮曟搸鐨勭悊瑙ｄ笅锛屾湁涓嶅悓鐨勫疄鐜般€備笉鍚岀殑娴忚鍣ㄥ巶鍟嗗浣曚笉鍚岀▼搴﹀湴鏀寔鍚屼竴濂楄緝鏂扮殑JavaScript鍜岀浉鍏崇殑WebAPI鍑芥暟锛岄€氳繃鍒涘缓Polyfill锛堟墦琛ヤ竵锛夋潵瑙ｅ喅鍘熺敓鏀寔闂銆傚師鐢熸敮鎸侀棶棰樼殑鎴愬洜锛氬湪浜掕仈缃戝簲鐢ㄧ殑鏃╂湡锛孖E鐨勫師鐢熸敮鎸侀棶棰樻渶澶氥€傛棭鏈熺増鏈殑IE骞舵病鏈夎嚜鍔ㄦ洿鏂帮紝澶у鏁颁汉娌℃湁鎵嬪姩鏇存柊杞欢鐨勪範鎯€傜敱浜庢棭鏈焀indows绯荤粺涓嶄笌鐢佃剳鎹嗙粦閿€鍞紝鎵€浠ュ緢澶氫汉浣跨敤鐨勬槸Windows绯荤粺鐮磋В鐗堛€備负浜嗛伩鍏嶅崌绾ф椂褰卞搷鐩楃増鐨勪娇鐢紝寰堝浜轰笉浼氫富鍔ㄦ洿鏂版搷浣滅郴缁熴€備紒涓氫娇鐢ㄧ殑IE涔熸槸娴忚鍣ㄥ吋瀹规€ч棶棰樼殑閲嶇伨鍖恒€傚洜涓哄叕鍙歌秺澶э紝瓒娾€滅ǔ鈥濆帇鍊掍竴鍒囷紝瓒婇渶瑕両T绠＄悊鍛橀泦涓洿鏂板叕鍙哥數鑴戞搷浣滅郴缁熷拰杞欢鐨勭増鏈紝鈥滅梾浠庡彛鍏モ€濈殑娴忚鍣ㄨ繛鎺nternet绐楀彛杞欢鏄畨鍏ㄩ槻鎶ょ殑閲嶇偣锛岄渶瑕佸瘑闆嗘洿鏂帮紝鍥犳娴忚鍣ㄦ洿鏂伴€熷害澶уぇ鍑忔參銆傚湪鏃╂湡鐨勭綉绔欏拰Web搴旂敤寮€鍙戜腑锛屼富瑕侀棶棰橀泦涓湪IE6+鐗堟湰瀵规柊鐗圝avaScript鐨勫師鐢熸敮鎸佷笂銆傚綋鏂板畾涔夌殑JavaScript瑙勫垯浠嶇劧妯＄硦鏃讹紝浠栦滑鏈夋椂浼氭坊鍔犺嚜宸辩殑鐞嗚В锛屽苟涓斿苟闈炴墍鏈夋祻瑙堝櫒閮戒娇鐢ㄥ悓涓€濂楁柊鍔熻兘鍙戝竷鍛ㄦ湡鍜屾爣鍑嗐€傚洜涓轰竴浜涘叕鍙歌涓猴紝褰撴柊鐗规€у嚭鐜板湪JavaScript瑙勮寖涓椂锛屼粬浠洿娓呮濡備綍瀹炵幇瀹冧滑锛岃寮€鍙戣€呮彁鍓嶄綋楠屾柊鐗规€э紝杩欎篃鏈夊姪浜庨獙璇佹爣鍑嗭紝鑰屽叾浠栨祻瑙堝櫒骞朵笉鎬绘槸鏈変竴浜涘墠鐬绘€х殑鐗规€у緱鍒版敮鎸併€傚師鐢熸敮鎸侀棶棰樼殑瑙ｅ喅鏂规锛氶潰瀵逛笉鍚屾祻瑙堝櫒瀵规柊鐗规€ф敮鎸佺殑涓嶄竴鑷达紝濡傛灉鎴戜滑鎯充娇鐢ㄦ洿鏂扮殑JavaScript鐗规€э紝鏈変袱绉嶆柟娉曪細绗竴锛屼娇鐢ㄦ垜浠墠闈㈡彁鍒扮殑Babel銆俲s锛岄€氳繃JavaScript鐨勭炕璇戯紝鎴戜滑鍙互鎻愬墠浣跨敤鏂扮壒鎬э紝鍚屾椂淇濊瘉瀵硅€佹祻瑙堝櫒鐨勬敮鎸侊紱绗簩绉嶆柟娉曟槸浣跨敤Polyfill锛屽畠鏄竴涓彃浠讹紝鍙互鎻愪緵杈冩柊鐨勬祻瑙堝櫒鍔熻兘锛屼絾涔熷彲浠ヤ娇鐢ㄦ棫鐗堟湰鐨勫姛鑳姐€傚尯鍒細Babel鐨勪富瑕佽兘鍔涙槸璁╂垜浠彁鍓嶄娇鐢ㄤ竴浜涙柊鐨凧avaScript璇硶鍑芥暟锛屾瘮濡俵et鍜宑onst鍙橀噺鍜屽嚱鏁帮紝浣嗘槸瀹冧笉鑳界炕璇慗avaScript涓殑涓€浜涙柊鍑芥暟銆備緥濡傦紝translation涓嶈兘鏀寔鏁扮粍涓婄殑map鏂规硶鍑芥暟锛屼篃涓嶈兘缈昏瘧promises銆傝繖鏃跺€欐垜浠氨闇€瑕佺粨鍚堜娇鐢≒olyfill銆傞偅涔堟垜浠粈涔堟椂鍊欏簲璇ヤ娇鐢≒olyfill锛屼粈涔堟椂鍊欏彲浠ヤ娇鐢ㄨ浆璇戝櫒鍛紵鍙互鍙傝€冨ぇ鍘熷垯锛氬鏋滆鎻愬墠浣跨敤鏂扮殑JavaScript璇硶锛岄渶瑕佷娇鐢ㄨ浆璇戝櫒锛涗絾鏄鏋滀綘鎯冲疄鐜颁竴涓柊鐨勫姛鑳芥垨鏂规硶锛屼綘鍙兘浼氫娇鐢≒olyfill銆侾olyfill涓嶄粎閫傜敤浜嶫S琛ヤ竵锛孒TML鍜孋SS鍔熻兘涔熷彲浠ヤ娇鐢≒olyfill鏉ヨВ鍐冲師鐢熸敮鎸侀棶棰樸€侭abel涓昏鏄拡瀵规祻瑙堝櫒瀵笽E鐨勬敮鎸侊紝涓嶆敮鎸佹柊鐗圝S鐨勬柊鐗规€э紱浣嗘槸瀵逛簬HTML5鍜孋SS3锛屾病鏈夊儚Babel杩欐牱缁熶竴鐨勫伐鍏枫€俬tml5please.comPolyfillPolyfill鐨勫叿浣撳疄鐜帮細鍚戝悗鍏煎銆侾olyfill鍦ㄧ紪鍐欑殑鏃跺€欙紝閫氬父閬靛惊涓€绉嶆ā寮忥紝鍗虫垜浠鍏堝垽鏂剼鏈兂瑕佸疄鐜扮殑鍔熻兘鍦ㄥ綋鍓嶈繍琛屾椂鏄惁宸茬粡琚祻瑙堝櫒鏀寔銆傚鏋滄槸锛屾垜浠氨涓嶉渶瑕佷娇鐢≒olyfill锛屽鏋滀笉鏄紝閭ｄ箞鎴戜滑闇€瑕丣avaScript寮曟搸鏉ユ墽琛屾垜浠畾涔夌殑琛ヤ竵銆傛帴涓嬫潵锛屾垜浠彲浠ラ€氳繃鍐欎竴涓狿olyfill鏉ユ洿濂界殑鐞嗚В瀹冪殑宸ヤ綔鏈哄埗銆傝繖閲屾垜浠彲浠ヤ互鏁扮粍涓殑forEach鏂规硶涓轰緥銆傞鍏堬紝璁╂垜浠湅涓€涓媐orEach鐨勫畾涔夊拰鐢ㄩ€斻€傛牴鎹畾涔夛紝褰撴垜浠湪鏁扮粍涓婁娇鐢╢orEach鏂规硶鏃讹紝鎴戜滑闇€瑕佷紶鍏ヤ竴涓洖璋冨嚱鏁般€傚洖璋冨嚱鏁版湁3涓弬鏁帮紝绗竴涓槸蹇呴』鐨勶紝浠ｈ〃褰撳墠鍏冪礌鐨勫€硷紱绗簩涓槸鍙€夌殑锛岃〃绀哄綋鍓嶅厓绱犲湪鏁扮粍涓殑绱㈠紩锛涚涓変釜涔熸槸鍙€夌殑锛岃〃绀哄綋鍓嶅厓绱犳墍灞炵殑鏁扮粍object銆傚墠涓や釜鍙傛暟鍦ㄨ繖閲屾瘮杈冨父鐢紝鎵€浠ヤ篃鏄垜浠皾璇曞疄鐜扮殑閲嶇偣銆俛rray.forEach(function(currentValue,index,arr),thisValue)鎺ヤ笅鏉ワ紝璁╂垜浠湅鐪媐orEach鏂规硶鐨勭敤閫斻€傞鍏堣鎴戜滑鍒涘缓涓€涓暟缁勶紝鎴戜滑绉板畠涓簅ldArray銆傜劧鍚庡湪閲岄潰锛屾垜浠姞涓婁笁涓湴鍚嶏紝NewYork,Tokyo,Paris銆備箣鍚庯紝璁╂垜浠垱寤哄彟涓€涓┖鏁扮粍newArray銆傛垜浠彲浠ラ€氳繃閬嶅巻绗竴涓暟缁勶紝灏嗛噷闈㈢殑鍏冪礌鍘嬪叆绗簩涓暟缁勩€傝繖鏄痜orEach鐨勪竴涓畝鍗曠敤渚嬨€倂aroldArray=["NewYork","Tokyo","Paris"];varnewArray=[];oldArray.forEach(function(item,index){newArray.push(index+"."+item);},鏃ф暟缁勶級锛涙柊鏁扮粍锛?/['0.NewYork','1.Tokyo','2.Paris']閫氬父鍦ㄥ啓Polyfill鐨勬椂鍊欙紝鎴戜滑浼氭鏌ュ嚱鏁版湰韬槸鍚﹀凡缁忚鏀寔銆備负浜嗗垽鏂垜浠綋鍓嶄娇鐢ㄧ殑娴忚鍣ㄦ槸鍚︽敮鎸乫orEach鏂规硶锛屾垜浠彲浠ヤ娇鐢ㄥ紑鍙戣€呭伐鍏蜂腑鐨勬帶鍒跺彴缂栧啓涓€娈典唬鐮佽繘琛屾祴璇曘€傛垜浠彲浠ラ€氳繃妫€鏌orEach鏂规硶鏄惁鍦ㄦ暟缁勭殑鍘熷瀷涓婃潵鏌ョ湅姝ゅ姛鑳芥槸鍚﹀瓨鍦ㄣ€傛墍浠ワ紝璁╂垜浠祴璇曚竴涓媐orEach鏄惁杩斿洖undefined銆傚鏋滆繑鍥炵粨鏋滄槸undefined锛岃鏄庡綋鍓嶆祻瑙堝櫒涓嶆敮鎸佽繖涓柟娉曪紝涔熷氨鏄娴忚鍣ㄦ牴鏈笉鐭ラ亾瀹冩槸浠€涔堬紱濡傛灉杩斿洖缁撴灉涓虹湡锛屽垯琛ㄧずforEach涓嶇瓑浜巙ndefined锛岄偅涔堟垜褰撳墠鐗堟湰鐨勬祻瑙堝櫒鍘熺敓鏀寔forEach銆備互forEach涓轰緥锛屽亣璁炬垜浠殑娴忚鍣ㄧ増鏈お鏃э紝涓嶆敮鎸乫orEach銆傛垜浠娇鐢≒olyfill鏉ュ疄鐜颁竴涓ˉ涓侊細鎺ヤ笅鏉ワ紝鎴戜滑灏卞彲浠ユ寮忕紪鍐橮olyfill鐨勫姛鑳戒簡銆傞鍏堬紝鎴戜滑鍦ㄦ瀯寤鸿繖涓狿olyfill鐨勬椂鍊欙紝绗竴姝ユ槸鐪媟eferral鏄笉鏄竴涓嚱鏁般€傜敱浜庢垜浠笇鏈涙polyfill閫傜敤浜庢墍鏈夋暟缁勫師鍨嬶紝鍥犳鎴戜滑闇€瑕佸湪JavaScript涓闂瓵rray瀵硅薄骞跺湪鍏跺師鍨嬩笂瀹氫箟涓€涓悕涓篺orEach鐨勬柊鍑芥暟鏂规硶銆傝繖閲岃娉ㄦ剰涓€鐐癸紝鍥犱负鎴戜滑鐜板湪鐨勬祻瑙堝櫒鏄敮鎸乫orEach鍑芥暟鐨勶紝杩欐牱鍋氬叾瀹炵浉褰撲簬瑕嗙洊浜嗗師鐢熸敮鎸佺殑forEach鍑芥暟銆傛墍浠ラ鍏堬紝鎴戜滑闇€瑕佸垽鏂敤鎴锋槸鍚︿紶鍏ヤ簡鍑芥暟鍙傛暟銆傚湪杩欓噷锛屾垜浠彲浠ヤ娇鐢↗avaScript鍐呯疆鐨則ypeof鏂规硶鏉ユ鏌ュ弬鏁扮被鍨嬨€傚鏋滆繑鍥炵殑缁撴灉涓嶆槸鍑芥暟绫诲瀷锛岀▼搴忓簲璇ヨ繑鍥為敊璇俊鎭€傝繖瀹為檯涓婃槸涓€绉嶇被鍨嬫鏌ャ€侫rray.prototype.forEach=function(callback,thisValue){if(typeof(callback)!=="function"){thrownewTypeError(callback+"isnotafunction");}vararrayLength=this.length;for(vari=0;i
