从底层理解这是什么

发布于:2024-10-24 编辑:匿名 来源:网络

杩欐槸浠?涔堬紵瀵规锛屾垜鎻愬嚭浠ヤ笅闂锛氳繖涓瓨鍌ㄥ湪鍝噷锛熷畠鏄浣曞嚭鐜板張濡備綍娑堝け鐨勶紵杩欐槸鍋氫粈涔堢殑锛熶负浜嗗厖鍒嗙悊瑙h繖涓?鐐癸紝鎴戜滑蹇呴』棣栧厛浜嗚В浠?涔堟槸 JavaScript 鎵ц涓婁笅鏂囧拰璋冪敤鍫嗘爤銆備负浜嗘竻妤氬湴瑙i噴杩欎竴鐐癸紝鎵ц涓婁笅鏂囩粨鍚堜簡銆婃祻瑙堝櫒宸ヤ綔鍘熺悊涓庡疄璺点??/a>鐨勯儴鍒嗗唴瀹广?傛垜浠厛鐪嬩竴涓嬭繖娈典唬鐮佺殑鍑芥暟璋冪敤杩囩▼锛氫唬鐮佽瑷?锛歵xt澶嶅埗var a = 2function add(){ var b = 10 return a+b}add() 杩欐浠g爜寰堢畝鍗曪紝棣栧厛鍒涘缓浜嗕竴涓猘dd鍑芥暟锛岀劧鍚庡湪浠g爜鐨勬渶鍚庡啀娆¤皟鐢ㄤ簡璇ュ嚱鏁般?傛墽琛屽嚱鏁癮dd()锛屽嵆鍦ㄧ6琛屼箣鍓嶏紝JavaScript寮曟搸浼氫负涓婇潰鐨勪唬鐮佸垱寤轰竴涓叏灞?鎵ц涓婁笅鏂囷紝鍖呮嫭澹版槑鐨勫嚱鏁板拰鍙橀噺锛屽彲浠ュ弬鑰冧笅鍥撅細 浠庡浘涓彲浠ョ湅鍑恒??锛屼唬鐮佷腑鐨勫叏灞?鍙橀噺鍜屽嚱鏁板瓨鍌ㄥ湪鍏ㄥ眬涓婁笅鏂囩殑鍙橀噺鐜涓紝褰撴墽琛屼笂涓嬫枃鍑嗗濂藉悗锛屽叏灞?浠g爜寮?濮嬫墽琛岋紝褰撴墽琛屽埌add鏃讹紝JavaScript鍒ゆ柇杩欐槸涓?涓嚱鏁拌皟鐢ㄣ?傜劧鍚庝細杩涜浠ヤ笅鎿嶄綔锛?棣栧厛锛屼粠鍏ㄥ眬鎵ц涓婁笅鏂囦腑鍙栧嚭add鍑芥暟浠g爜銆傚叾娆★紝缂栬瘧add鍑芥暟鐨勪唬鐮侊紝鍒涘缓鍑芥暟鐨勬墽琛屼笂涓嬫枃鍜屽彲鎵ц浠g爜銆傛渶鍚庢墽琛屼唬鐮佸苟杈撳嚭缁撴灉銆?銆傝繖鏍凤紝褰撴墽琛宎dd鍑芥暟鏃讹紝鎴戜滑灏辨嫢鏈変簡涓や釜鎵ц涓婁笅鏂団?斺?斿叏灞?鎵ц涓婁笅鏂囧拰add鍑芥暟鐨勬墽琛屼笂涓嬫枃銆備篃灏辨槸璇达紝鎵цJavaScript鏃讹紝鍙兘瀛樺湪澶氫釜鎵ц涓婁笅鏂囥??JavaScript 寮曟搸濡備綍绠$悊杩欎簺鎵ц涓婁笅鏂囷紵绛旀鏄?氳繃 JavaScript 璋冪敤鍫嗘爤銆傛帴涓嬫潵鎴戜滑鐪嬩竴涓婮avaScript璋冪敤鏍堟槸浠?涔堛?傛垜浠煡閬擄紝JavaScript鎵ц杩囩▼涓紝鍐呭瓨绌洪棿涓昏鍒嗕负鏍堛?傜┖闂村拰鍫嗙┖闂达紙鏆傛椂蹇界暐浠g爜绌洪棿锛夈?備粈涔堟槸JavaScript璋冪敤鏍堬細鍦ㄤ唬鐮佹墽琛岃繃绋嬩腑锛孞avaScript寮曟搸浼氬皢鎵ц涓婁笅鏂囧帇鍏ユ爤绌洪棿銆傝繖涓敤鏉ョ鐞嗘墽琛屼笂涓嬫枃鐨勫爢鏍堥?氬父绉颁负鎵ц銆備笂涓嬫枃鍫嗘爤锛屼篃绉颁负璋冪敤鍫嗘爤銆傛帴涓嬫潵锛屾垜浠竴姝ユ鍒嗘瀽浠ヤ笅浠g爜鎵ц杩囩▼涓?JavaScript 璋冪敤鏍堢殑鐘舵?佸彉鍖栵細 浠g爜璇█锛歵xt copy var a = 2function add(b,c){ return b+c}function addAll(b,c ){ var d = 10 result = add(b,c) return a+result+d}addAll(3,6) 绗竴姝ユ槸鍒涘缓涓?涓叏灞?涓婁笅鏂囧苟灏嗗叾鍘嬪叆鍫嗘爤搴曢儴銆傚涓嬪浘鎵?绀猴細 浠庡浘涓繕鍙互鐪嬪嚭锛屽彉閲廰銆佸嚱鏁癮dd銆乤ddAll閮戒繚瀛樺湪鍏ㄥ眬鎵ц涓婁笅鏂囩殑鍙橀噺鐜瀵硅薄涓?傚皢鍏ㄥ眬鎵ц涓婁笅鏂囨帹鍏ヨ皟鐢ㄥ爢鏍堝悗锛孞avaScript 寮曟搸寮?濮嬫墽琛屽叏灞?浠g爜銆傞鍏堬紝杩涜a=2鐨勮祴鍊艰繍绠椼?傛墽琛岃繖鏉¤鍙ヤ細灏嗗叏灞?涓婁笅鏂囧彉閲廵nvironment涓殑a鐨勫?艰缃负2銆傝缃悗鍏ㄥ眬涓婁笅鏂囩殑鐘舵?佸涓嬪浘鎵?绀猴細 绗簩姝ワ紝璋冪敤addAll鍑芥暟銆傚綋鍑芥暟琚皟鐢ㄦ椂锛孞avaScript寮曟搸浼氬鍑芥暟杩涜缂栬瘧锛屼负鍑芥暟鍒涘缓鎵ц涓婁笅鏂囷紝鏈?鍚庡皢鍑芥暟鐨勬墽琛屼笂涓嬫枃鍘嬪叆鏍堜腑锛屽涓嬪浘锛?绗笁姝ワ紝褰揳dd鍑芥暟鏃舵墽琛宑all璇彞鏃讹紝add鍑芥暟杩斿洖鏃讹紝浼氫粠鏍堥《寮瑰嚭璇ュ嚱鏁扮殑鎵ц涓婁笅鏂囷紝骞跺皢result鐨勫?艰缃粰add鍑芥暟銆傝繑鍥炲?间负9銆傚涓嬪浘鎵?绀猴細 addAll鎵ц瀹屾渶鍚庝竴娆″姞娉曟搷浣滃苟杩斿洖鍚庯紝addAll鐨勬墽琛屼笂涓嬫枃涔熶細浠庢爤椤跺脊鍑恒?傛鏃讹紝璋冪敤鍫嗘爤涓彧鍓╀笅鍏ㄥ眬涓婁笅鏂囥?傛渶鍚庡涓嬪浘鎵?绀猴細 鑷虫锛屾暣涓狫avaScript娴佺▼鐨勬墽琛屽氨缁撴潫浜嗐?傚ソ浜嗭紝鐜板湪浣犲簲璇ョ煡閬撹皟鐢ㄥ爢鏍堟槸 JavaScript 寮曟搸璺熻釜鍑芥暟鎵ц鐨勪竴绉嶆満鍒躲?傚綋鍚屾椂璋冪敤澶氫釜鍑芥暟鏃讹紝鍙互閫氳繃璋冪敤鏍堟潵璺熻釜鍝釜鍑芥暟姝e湪鎵ц浠ュ強鍑芥暟涔嬮棿鐨勮皟鐢ㄥ叧绯汇??銆傞噸璇讳竴閬嶏紝鐩镐俊鏍规嵁涓婇潰鐨勫唴瀹癸紝澶у搴旇宸茬粡鏄庣櫧浠?涔堟槸JavaScript鎵ц涓婁笅鏂囧拰璋冪敤鏍堜簡銆傝鎴戜滑鍐嶇湅鐪嬭繖涓?備簨瀹炰笂锛屽畠涔熷瓨鍌ㄥ湪鎵ц涓婁笅鏂囦腑銆傛墽琛屼笂涓嬫枃鍖呮嫭锛氬彉閲忕幆澧冦?佽瘝娉曠幆澧冦?乷uter銆乼his銆傚涓嬪浘鎵?绀猴細 浠庡浘涓彲浠ョ湅鍑猴紝this鏄笌鎵ц涓婁笅鏂囩粦瀹氱殑锛屼篃灏辨槸璇存瘡涓墽琛屼笂涓嬫枃涓兘鏈変竴涓猼his銆傛墽琛屼笂涓嬫枃涓昏鍒嗕负涓夌锛氬叏灞?鎵ц涓婁笅鏂囥?佸嚱鏁版墽琛屼笂涓嬫枃銆乪val鎵ц涓婁笅鏂囷紝鎵?浠ュ搴旂殑this鍙槸杩欎笁绉嶅叏灞?鎵ц涓婁笅鏂囦腑this鍑芥暟涓璽hiseval涓殑this锛堣繖绉嶆儏鍐垫垜鍏堜笉瑙i噴浜嗭級 锛夈?傚叏灞?鎵ц涓婁笅鏂囦腑鐨則his鍦ㄦ帶鍒跺彴涓緭鍏ヤ唬鐮佽瑷?锛歵xt copy console.log(this) //windowconsole.log(this === window) // true 鎴戜滑鍙互鐪嬪埌锛氬叏灞?鎵ц涓婁笅鏂囦腑鐨則his涔熸寚鍚戠獥鍙e璞°?傚嚱鏁版墽琛屼笂涓嬫枃涓殑this鎵ц濡備笅浠g爜锛?浠g爜璇█锛歵xt copy function foo(){ console.log(this) // window}foo() 鍙互鐪嬪埌杈撳嚭浜唚indow锛岃鏄庨粯璁よ皟鐢ㄤ簡涓?涓嚱鏁帮紝鍏舵墽琛屼笂涓嬫枃涓殑This涔熸寚鍚憌indow瀵硅薄銆傚彲浠ヨ涓猴紝JavaScript寮曟搸鎵цfoo()鏃讹紝浼氳浆鎹㈡垚锛?浠g爜璇█锛歵xt copy function foo(){ console.log(this) // window}window.foo.call(window) 鏄剧劧姣忎釜浜洪兘鏈夊彂鐜板彲浠ラ?氳繃璋冪敤鏉ユ敼鍙榯his鎸囬拡銆傛垜浠潵鍒椾妇涓?涓嬪嚱鏁版墽琛屼笂涓嬫枃涓缃鍊肩殑鏂规硶锛?1銆侀?氳繃鍑芥暟鐨刢all銆乤pply銆乥ind鏂规硶璁剧疆鐢ㄦ硶濡備笅锛?浠g爜璇█锛歵xt copy let bar = { myName: "dell",} function foo() { this.myName = "dellyoung"}foo.call(bar)console.log(bar) // {myName:"dellyoung"}console.log(myName) // 閿欒 myName 鏈畾涔夈?傛墽琛屼笂闈㈢殑浠g爜鏃讹紝浼氭墦鍗皗銆?myName: "delyoung"} 骞朵笖 myName 鏄湭瀹氫箟鐨勯敊璇秷鎭?傛樉鐒讹紝褰揻oo()鎵ц鏃讹紝瀹冪殑this鎸囬拡鎴愬姛鎸囧悜浜哹ar銆傛鏃禸ar灏辨槸foo()鐨則his2銆傚皾璇曢?氳繃瀵硅薄璋冪敤鏂规硶璁剧疆鎵ц浠ヤ笅鎿嶄綔銆備唬鐮佷唬鐮佽瑷?锛歵xt copy var myObj = { name: "dellyoung", showThis: function(){ console.log(this) }}myObj.showThis() 鎵撳嵃鍑?{ name: 'dellyoung', showThis: [Function: showThis ] } 锛屾樉鐒剁幇鍦?this 鎸囧悜璋冪敤瀹冪殑 myObj 銆傚彲浠ュ緱鍑虹粨璁猴細鐢ㄤ竴涓璞¤皟鐢ㄥ畠鍐呴儴鐨勬柟娉曪紝鏂规硶鐨則his鎸囧悜瀵硅薄鏈韩銆傚彲浠ヨ涓猴紝褰?JavaScript 寮曟搸鎵ц myObject.showThis() 鏃讹紝灏嗗叾杞崲涓猴細 浠g爜璇█锛歵xt 澶嶅埗 myObj.showThis.call(myObj) 3銆佹牴鎹互涓婁袱鐐瑰緱鍑轰竴涓皬缁撹銆傝皟鐢ㄥ叏灞?鐜涓殑鍑芥暟銆傚姛鑳?鍐呴儴this鎸囧悜鍏ㄥ眬鍙橀噺window銆傝璋冪敤瀵硅薄鍐呴儴鐨勬柟娉曪紝鏂规硶鐨勬墽琛屼笂涓嬫枃涓殑 this 鎸囧悜瀵硅薄鏈韩銆傝皝璋冪敤浜嗚鍑芥暟锛屽嚱鏁扮殑 this 鎸囧悜璋併?備笉鐢ㄨ锛屽璞¤皟鐢ㄥ嚱鏁帮紝鍏ㄥ眬鐜?冭皟鐢ㄥ叾瀹炲彲浠ョ悊瑙d负window璋冪敤锛屾墍浠ュ綋鐒舵寚鍚憌indow4銆傞?氳繃鏋勯?犲嚱鏁颁腑鐨勮缃紝鎴戜滑鏉ョ湅鐪嬮?氳繃new璋冪敤鏋勯?犲嚱鏁板埌搴曞仛浜嗕粈涔堬細 浠g爜璇█锛歵xt copy function polyNew(source, ...arg) { // 鍒涘缓涓?涓┖鐨勭畝鍗旿avaScript瀵硅薄锛堝嵆{ }) 璁?newObj = {}; // 灏嗘瀵硅薄閾炬帴锛堝嵆璁剧疆璇ュ璞$殑鏋勯?犲嚱鏁帮級鍒板彟涓?涓璞?Object .setPrototypeOf(newObj, source.prototype); // 浣跨敤姝ラ1涓柊鍒涘缓鐨勫璞′綔涓簍his鐨勪笂涓嬫枃锛?const resp = source.apply(newObj, arg); // 鍒ゆ柇鍑芥暟鐨勮繑鍥炲?兼槸鍚︿负瀵硅薄 if (Object.prototype.toString.call(resp) === "[object Object]") { // 濡傛灉鍑芥暟涓嶈繑鍥炲璞★紝鍒欒繑鍥?this銆? return resp } else { // 濡傛灉鍑芥暟杩斿洖涓?涓璞★紝鍒欎娇鐢ㄨ繑鍥炵殑瀵硅薄浣滀负杩斿洖鍊笺?? return newObj }} 鏄剧劧鎴戜滑鐪嬪埌浜唖ource.apply(newObj, arg)锛屾墍浠ユ瀯閫犲嚱鏁板疄闄呬笂鏀瑰彉浜唗his鎸囬拡锛屽皢this鎸囬拡浠庡師鏉ョ殑鍑芥暟鏇存敼涓烘柊鏋勯?犵殑鍑芥暟銆傝繖涓瓨鍌ㄥ湪鍝噷锛熻繖瀛樺偍鍦ㄦ瘡涓墽琛屼笂涓嬫枃涓?傚畠鏄浣曞嚭鐜颁互鍙婂浣曟秷澶辩殑锛熷畠涓庢墽琛屼笂涓嬫枃涓?璧峰嚭鐜帮紝骞跺湪鍥炴敹鎵ц涓婁笅鏂囨椂娑堝け銆傝繖涓湁浠?涔堜綔鐢ㄥ憿锛熷湪鍏ㄥ眬鎵ц涓婁笅鏂囦腑锛歵his鎸囧悜window瀵硅薄锛屾柟渚挎垜浠皟鐢ㄥ叏灞?window瀵硅薄銆傚湪鍑芥暟鎵ц涓婁笅鏂囦腑锛歵his鎸囧悜璋冪敤鍑芥暟鐨勫璞★紝鍑忓皯鍙傛暟鐨勪紶閫掋?傛湰鏉ワ紝濡傛灉闇?瑕佸湪鍑芥暟鍐呴儴鎿嶄綔琚皟鐢ㄧ殑瀵硅薄锛屽綋鐒朵篃闇?瑕佸皢瀵硅薄浣滀负鍙傛暟浼犻?掞紝浣嗘槸鏈変簡杩欎釜锛屽氨娌℃湁蹇呰浜嗐??锛屾偍鍙互閫氳繃鐩存帴鑾峰彇 this 鏉ユ搷浣滆璋冪敤瀵硅薄鐨勫睘鎬с?備粈涔堟槸璋冪敤銆佸簲鐢ㄥ拰缁戝畾锛熶笂闈㈡垜浠娇鐢ㄤ簡澶氭璋冪敤銆傛偍涓?瀹氬凡缁忎簡瑙?call 鐨勪綔鐢細MDN锛歝all() 鏂规硶浣跨敤鎸囧畾鐨?this 鍊煎拰鍗曠嫭缁欏嚭鐨勪竴涓垨澶氫釜鍙傛暟鏉ヨ皟鐢ㄥ嚱鏁般?備緥濡傦細 浠g爜璇█锛歵xt copy let bar = { myName : "dellyoung",}function foo(){ console.log(this.myName)}foo.call(bar) // 鎵撳嵃鍑篸ellyoung锛屼篃灏辨槸璇达細 call 鍦ㄤ娇鐢?foo 鍑芥暟鏃讹紝閫氳繃浣跨敤 call() 骞朵紶鍏?bar锛屼娇寰?foo 鍑芥暟鍐呴儴鐨?this 鎸囧悜 bar 鏉ュ疄鐜拌皟鐢ㄣ?傛垜浠牴鎹繖涓粨璁烘潵瀹炵幇璋冪敤锛?浠g爜璇█锛歵xt copy Function.prototype.dellCall = function ( context = window,...param) { // call 鏂规硶鍙湁鏄嚱鏁版墠鑳借璋冪敤 if (typeof this !== 'function') { return new TypeError("绫诲瀷閿欒"); // 杩欐槸涓?涓璋冪敤鐨勫嚱鏁帮紝閫氳繃缁欎紶鍏ョ殑瀵硅薄璧嬪?硷紝杈惧埌灏嗚璋冪敤鐨勫嚱鏁版坊鍔犲埌浼犲叆鐨勫璞′腑鐨勭洰鐨?context.fun = this; // 浣跨敤浼犲叆鐨勫璞℃潵璋冪敤闇?瑕佽皟鐢ㄧ殑鍑芥暟锛屽苟淇濈暀杩斿洖缁撴灉 const resp = context.fun(...param); // 鍒犻櫎浼犲叆瀵硅薄涓婃坊鍔犵殑鍑芥暟锛岄槻姝㈠唴瀛樻硠婕?Reflect.deleteProperty(context, 'fun'); // 杩斿洖缁撴灉 return resp;};鍏跺疄鏍稿績寰堢畝鍗曘?傛垜浠潵鍒嗘瀽涓?涓嬶細灏嗚璋冪敤鐨勫嚱鏁颁綔涓哄睘鎬ф坊鍔犲埌浼犲叆鐨勫璞′笂锛岃繖鏍峰氨鍙互鍦ㄤ紶鍏ョ殑瀵硅薄涓婅皟鐢ㄩ渶瑕佽皟鐢ㄧ殑鍑芥暟浜嗐?傜粡杩囧垎鏋愶紝鎴戜滑鍙戠幇鏍稿績鍘熺悊浠嶇劧鏄細璋佽皟鐢ㄥ嚱鏁帮紝鍑芥暟鐨則his鎸囧悜璋侊紝淇濇寔涓嶅彉锛氳皝璋冪敤鍑芥暟锛宼his鎸囧悜璋併?傝繖鍙ヨ瘽鍏跺疄鍙互甯姪鎴戜滑鐞嗚В澶ч儴鍒嗚繖涓棶棰樸?傚疄鐜癮pplyapply鍏跺疄鍜宑all绫讳技锛屽彧鏄紶閫掑弬鏁扮殑鏂瑰紡涓嶅悓锛?浠g爜璇█锛歵xt copy foo.call(obj,[param1,param2,..., paramN]) // 鍙傛暟鏄竴涓暟缁勶紝浼犻?掍互鏁扮粍浣滀负鍙傛暟 foo.apply(obj, param1, param2,..., paramN) // 鍙傛暟涓嶆槸鏁扮粍锛屽彲浠ヤ紶閫掑瓧绗︿覆鍙傛暟銆傝鎴戜滑绋嶅井鏀瑰彉涓?涓嬩笂闈㈢殑璋冪敤銆傚彧闇?apply锛?浠g爜璇█锛歵xt copy Function.prototype.dellApply = function (context = window, param = []) { // call鏂规硶鍙湁鏄嚱鏁版墠鑳借皟鐢?if (typeof this !== 'function' ) { return new TypeError("绫诲瀷閿欒"); } // 灏嗚璋冪敤鐨勫嚱鏁颁綔涓哄睘鎬ф坊鍔犲埌浼犲叆鐨勫璞?context.fun = this; // 鍦ㄤ紶鍏ョ殑瀵硅薄涓婏紝璋冪敤闇?瑕佽皟鐢ㄧ殑鍑芥暟 const resp = context.fun(...param); // 鍒犻櫎浼犲叆瀵硅薄涓婃坊鍔犵殑鍑芥暟锛岄槻姝㈠唴瀛樻硠婕?Reflect.deleteProperty(context, 'fun'); // 杩斿洖缁撴灉 return resp;} 瀵逛簬bindbind鐨勭洰鐨勪篃鏄姝わ紝鏀瑰彉this锛屼絾瀹冧笉鐩存帴璋冪敤鍑芥暟锛岃?屾槸杩斿洖鏀瑰彉鍐呴儴this鍊肩殑鍑芥暟锛岀劧鍚庡湪闇?瑕佺殑鏃跺?欒皟鐢細瀹炵幇锛氫唬鐮佽瑷?锛歵xt copy Function.prototype.dellBind = function (context) { // call鏂规硶鍙湁鏄嚱鏁版墠鑳借皟鐢?if (typeof this!== 'function') { return new TypeError(" Type Error") } // 浣跨敤璇ュ彉閲忎繚瀛樿璋冪敤鐨勫嚱鏁?const that = this; // 淇濆瓨浼犲叆鐨勫嚱鏁拌緭鍏ュ弬鏁?const argArr = [...鍙傛暟]; // 杩斿洖涓?涓嚱鏁帮紝杩欐牱褰撹繑鍥炵殑鍑芥暟琚皟鐢ㄦ椂锛屽唴閮ㄧ殑that.call()鍑芥暟灏变細琚墽琛?return function F() { // 浣跨敤call鏉ュ疄鐜板彉鍖栵紝琚皟鐢?鍑芥暟鍐呴儴鐨則his鐐硅繑鍥瀟hat.call(context, [...argArr, ...arguments]);鎴戜滑鏉ュ垎鏋愪竴涓媌ind锛氬叾瀹瀊ind鍜宎pply鍙湁涓?澶勫尯鍒??Bind 杩斿洖涓?涓凡鏇存敼鐨勫唴閮?this 鎸囬拡銆傚綋鍑芥暟璋冪敤杩斿洖鍑芥暟鏃讹紝鍙渶鏇存敼鍐呴儴this鎸囧悜鐨勫嚱鏁板嵆鍙繍琛屻?傝繍琛屽悗杩斿洖缁撴灉涔熷緢瀹规槗瀹炵幇銆?bind return涓嶅啀鍍廲all涓?鏍疯繑鍥炵粨鏋滐紝鑰屾槸杩斿洖涓?涓嚱鏁般?傚綋鐒讹紝璋冪敤杩斿洖鐨勫嚱鏁板彲浠ラ?氳繃杩愯this鎸囬拡鏉ヤ紭鍖栧唴閮ㄥ凡缁忔敼鍙樼殑鍑芥暟锛氫弗鏍兼潵璇达紝杩欏苟涓嶆槸涓?涓悎鏍肩殑bind锛屽洜涓鸿繕闇?瑕佽?冭檻灏嗚鍑芥暟浣滀负鏋勯?犲嚱鏁拌皟鐢ㄧ殑鎯呭喌銆傚綋浣跨敤new浣滀负鏋勯?犲嚱鏁拌皟鐢ㄥ嚱鏁版椂锛屼笉瑕佹敼鍙榯his鐨勮鐐癸紝鍙渶灏唍ew杩斿洖缁欒璋冪敤鐨勫嚱鏁板嵆鍙?備唬鐮佸涓嬶細 浠g爜璇█锛歵xt copy Function.prototype.dellBind = function (context) { // call鏂规硶鍙湁鍒ゆ柇涓哄嚱鏁版墠鑳借皟鐢?if (typeof this !== 'function') { return new TypeError("Type Error") } // 浣跨敤璇ュ彉閲忎繚瀛樿璋冪敤鐨勫嚱鏁?const that = this; // 淇濆瓨浼犲叆鐨勫弬鏁?const argArr = [...arguments]; // 杩斿洖涓?涓嚱鏁?return function F() { // 濡傛灉浣跨敤 new锛屽垯鏋勯?犲嚱鏁?if (this instanceof F) { return new that(...argArr, ...arguments); } // 浣跨敤 call 鏉ユ洿鏀硅璋冪敤鍑芥暟鍐呯殑 this 鎸囬拡 return that.apply(context, [...arg鍛冿紝...浜夎]); }} 鍒嗘瀽涓?涓嬶細閫氳繃instanceof鍒嗘瀽灏卞彲浠ュ緱鍒般?傝繖鏄疐閫氳繃new鑾峰緱鐨勫悧锛熸柊鐨勫凡缁忔彁鍒拌繃銆?new 鎿嶄綔涓師鍨嬮摼浼氳鏇挎崲锛?A.__proto__ == = B.prototype 鎵?浠ュ鏋?F 鐨勫師鍨嬪湪 this 鐨勫師鍨嬮摼涓婏紝閭d箞褰撶劧鏄娇鐢?new 浣滀负鏋勯?犲嚱鏁版潵璋冪敤瀹冦?傛垜浠繕搴旇浣跨敤 new 鏉ヨ繑鍥炲嚱鏁般?傜湅瀹岃繖涓や欢浜嬶紝璇峰姞鎴戝井淇★紙iamyyymmm锛夛紝甯︿綘杩涙妧鏈兢锛岄暱鏈熶氦娴佸涔狅紝鍏虫敞鍏紬鍙封?滄埓鍝ュ疄楠屽鈥濓紝鍜屾埓鍝ヤ竴璧峰涔犲墠绔紝鎻愬崌浣犵殑鎶?鏈璇嗮煂堝枩娆㈠苟鏀寔鎴戰煂?

从底层理解这是什么

站长声明

版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

标签:

相关文章

  • 蓝鸟就业获Pre-A轮数千万元融资,青山资本投资

    蓝鸟就业获Pre-A轮数千万元融资,青山资本投资

    投资界11月2日消息,据36氪报道,灵活用工科技平台蓝鸟就业已完成数千万元融资9月底Pre-A轮融资,投资方为青山资本。 凌博资本担任本轮融资独家财务顾问。 此前,该公司曾于今年4月获得紫荆资本数百万天使投资。 获得融资后,蓝鸟就业下一步将加快产品研发。 除了各产品集群的

    06-17

  • 植物肉公司Simulate获得 5000 万美元 B 轮融资,Alexis Ohanian 领投

    植物肉公司Simulate获得 5000 万美元 B 轮融资,Alexis Ohanian 领投

    6 月 9 日消息,据外媒 TechCrunch 报道,美国植物性素食公司Simulate获得 1 万美元 B 轮融资。 本轮融资由 Alexis Ohanian 领投,公司估值已达 2.6 亿美元。 Simulate由BenPasternak于2016年创立,旨在为用户提供健康又美味的植物性肉类食品选择。 2017年,Simulate首款产品

    06-18

  • 商务部:千方百计推动消费持续复苏升级

    商务部:千方百计推动消费持续复苏升级

    商务部部长王文涛在新闻发布会上表示,去年四季度以来消费出现了一些情况,也就是说,下行压力加大。 今年稳定消费压力较大。 我们将认真贯彻落实党中央、国务院决策部署,坚决实施扩大内需战略,统筹疫情防控和促进消费,千方百计推动消费持续复苏和升级,增强消费对经济发展

    06-17

  • 商务部:鼓励企业开展5G、区块链等技术在商务领域的应用创新

    商务部:鼓励企业开展5G、区块链等技术在商务领域的应用创新

    打造头条新闻1月29日下午,商务部发布《商务部办公厅关于加快数字商务建设 服务构建新发展格局的通知》。 《通知》表示,助力发展数字经济、建设数字中国,要更好发挥电子商务作为数字商务最前沿、最活跃、最重要组成部分的创新引领作用,充分释放电子商务的活力。 商业领域数

    06-18

  • BOSS直聘启动“桃花行动”,免费为企业搭建互助渠道

    BOSS直聘启动“桃花行动”,免费为企业搭建互助渠道

    在新型冠状病毒肺炎疫情持续影响下,企业用工出现了一定程度的失衡。 另一方面,防疫物资和生活必需品需求大幅增加,导致防疫物资生产企业、商超、物流送货上门等行业出现人力短缺。 近日,招聘平台BOSS直聘联合店长直聘、蓝鲸招聘推出“桃花行动桃园通道计划”公益项目,针对

    06-18

  • 惠普收购Autonomy超越时代华纳收购AOL,成为史上最糟糕的并购

    惠普收购Autonomy超越时代华纳收购AOL,成为史上最糟糕的并购

    据外媒报道,舆论并未停止对惠普收购Autonomy失败的反思。 美国《纽约时报》援引分析师的话说,这次失败的收购从很多角度来看都更糟糕,甚至超过了被认为是科技史上最糟糕的时代华纳AOL合并。   《纽约时报》表示,在互联网泡沫最严重的时期,时代华纳和美国在线合并,这一

    06-18

  • 合纵文化获数亿元战略投资,鸥翎投资出资

    合纵文化获数亿元战略投资,鸥翎投资出资

    据投资界2月7日消息,合纵文化近日宣布获数亿元战略投资,投资方为鸥翎投资。    据悉,本轮融资完成后,合纵文化将继续拓展海内外音乐空间,同时探索设立“合纵音乐小镇”、“合纵音乐小镇”等综合商业实体。 《合纵街》。   公开资料显示,合宗文化创立于。 是一家以投

    06-18

  • 该公司将在南澳开发一座300MW3.6GWh太阳能储能电站

    该公司将在南澳开发一座300MW3.6GWh太阳能储能电站

    南澳一公顷土地已被开发商收购。 开发商希望采用新颖的技术解决方案,在这片土地上建造一座拥有3.6GWh储能能力的兆瓦级太阳能发电场。 欧洲可再生能源公司 PhotonEnergy 正在致力于推广澳大利亚公司 RayGen 开发的技术。 该技术是一种结合了聚光太阳能发电(CSP)和太阳能光伏

    06-08

  • 传闻开心网、千奥互动等中国社交网站明年将在美国IPO

    传闻开心网、千奥互动等中国社交网站明年将在美国IPO

    据外媒报道,人士近日透露,中国最大的社交网络公司之一的千奥互动已聘请数家投资银行作为公司下一个上半年,我们准备在美国证券市场进行首次公开??募股(IPO)。 千橡互动也成为首个上市的中文Facebook克隆网站。   新闻人士周五透露,千橡互动已聘请瑞士信贷和德意志银行

    06-17

  • 大车拼完成数千万元天使轮融资,胜辉资本

    大车拼完成数千万元天使轮融资,胜辉资本

    投资圈(ID:pedaily)领投 据7月19日消息,近期,其重点发力同城、跨城数字化合约物流服务提供商“太车拼”“金”获数千万元天使轮融资。 本轮融资由胜辉资本领投,零售行业互联网公司“抢滩”战略投资,恒动智汇资本、热金资本跟投,老股东高鹏创宏资本继续追投。 本轮融资

    06-17

  • 双成药业8日登陆深交所,多家PE机构享受IPO盛宴

    双成药业8日登陆深交所,多家PE机构享受IPO盛宴

    据投资界8月8日消息,海南双成药业股份有限公司(简称“双成药业”)今日登陆深交所,发行100万股,本次发行发行价为20元/股,对应市盈率为35.09倍。 本次募集资金将主要用于现有工厂技术改造和新工厂建设项目以及研发中心建设项目。   招股书显示,今年7月,已有5家境内P

    06-18

  • 充电运营平台蔚景云获数千万元A轮融资,Venture Works投资

    充电运营平台蔚景云获数千万元A轮融资,Venture Works投资

    投资社区(ID:pedaily)12月6日消息,据36氪报道,新能源汽车充电运营平台蔚景云获Venture Works投资数十数百万A轮融资。 据悉,本轮融资将用于蔚景云的产品研发和市场开拓。 据了解,蔚景云是一家成立于2016年的新能源运营服务公司,通过整合市场上离散的充电站/桩,提供充

    06-18