国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说
,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区 

  
      
    

        

	
        
		
        
			
        
				
        call、apply、bind 原理實現
        
				
         2020-4-6      seo達人      
        
			
        
			
        
				
        目錄
        

          

        1. call 的模擬實現
          2. 

        2. apply 的模擬實現
          3. 

        3. bind 的模擬實現
          4. 

        4. 三者異同

          


          
學習并參考于：

          


          
JavaScript深入之call和apply的模擬實現

          


          
JS的call,apply與bind詳解，及其模擬實現

          


          


          
（一）call的模擬實現

          
call 用法 ： MDN Function.prototype.call()

          


          
call() 方法使用一個指定的 this 值和可選的參數列表來調用一個函數。

          


          
call() 提供新的 this 值給當前調用的函數/方法。

          

          5. 

        5. call 實現主要思路：

          
將函數設為對象的屬性

          


          
執行該函數

          


          
刪除該函數

          


          
另外還有考慮：

          


          
call 函數還能給定參數執行函數

          
this 參數不傳，或者傳null，undefined， this指向window對象

          
函數是可以有返回值的
          6. 

        6. 實現：

          
Function.prototype.myCall = function () {

          
  if (typeof this !== 'function') {

          
    throw new TypeError('error!')

          
  }

          
  let context = arguments[0] || window   //this 參數可以傳 null，當為 null 的時候，視為指向 window

          
  context.fn = this  // 首先要獲取調用call的函數，用this可以獲取

          
  let args = [...arguments].slice(1) //從 Arguments 對象中取值，取出第二個到最后一個參數   

          
  let result = context.fn(...args)  //函數是可以有返回值的

          
  delete context.fn

          
  return result

          
}

          

          7. 

        7. 測試：

          
// 測試一下上面實現的myCall

          
var value = 2;

          


          
var obj = {

          
    value: 1

          
}

          


          
function bar(name, age) {

          
    console.log(this.value);

          
    return {

          
        value: this.value,

          
        name: name,

          
        age: age

          
    }

          
}

          


          
bar.call(null); // 2

          


          
console.log(bar.myCall(obj, 'kevin', 18));

          
// 1

          
// Object {

          
//    value: 1,

          
//    name: 'kevin',

          
//    age: 18

          
// }

          


          
（二）apply 的模擬實現

          
apply 用法：MDN Function.prototype.apply()

          


          
apply() 方法使用一個指定的 this 值和可選的參數數組 來調用一個函數。

          


          
apply 的實現跟 call 類似。

          

          8. 

        8. 實現：

          
Function.prototype.myApply = function () {

          
  if (typeof this !== 'function') {

          
    throw new TypeError('error!')

          
  }

          
  let context = arguments[0] || window

          
  context.fn = this

          
  let result = arguments[1] ? context.fn(...arguments[1]) : context.fn()

          
  delete context.fn

          
  return result

          
}

          

          9. 

        9. 測試：

          
var foo = {

          
    value: 1

          
}

          
function bar(name, age) {

          
    console.log(name)

          
    console.log(age)

          
    console.log(this.value);

          
}

          
bar.myApply(foo, ['black', '18']) // black 18 1

          


          
（三）bind 的模擬實現

          
bind 用法：MDN Function.prototype.bind()

          


          
bind()方法會創建一個新函數，稱為綁定函數。當這個新函數被調用時，bind() 的第一個參數將作為它運行時的 this，之后的一序列參數將會在傳遞的實參前傳入作為它的參數。

          


          
bind是ES5新增的一個方法，不會執行對應的函數，而是返回對綁定函數的引用。

          

          10. 

        10. 實現：

          
Function.prototype.customBind = function () {

          
  if (typeof this !== 'function') {

          
    throw new TypeError('error!')

          
  }

          
  const that = this   // 首先要獲取調用bind的函數，用this獲取并存放在that中

          
  let context = arguments[0] || window

          
  const args = [...arguments].slice(1)

          
  return function() {

          
    return that.apply(context, args.concat([...arguments]))

          
  }

          
}

          


          
（四）三者異同
          11. 

        11. 相同：

          
改變函數體內 this 的指向
          12. 

        12. 不同：

          
call、apply的區別：call方法接受的是參數列表，而apply方法接受的是一個參數數組。

          
bind不立即執行。而call或apply會自動執行對應的函數。

          

          13. 

        				
        
								
			
        
		
        
		
		
	
        


        
    
  
        
    
        日歷
        
    
        
        
        
        
    
        
  
        
    
    
        
      
        鏈接
        
      
          
                
        
    
        
    
        
      
        個人資料
        
      
        
          
        
                    
        
          
        藍藍設計的小編
          http://www.shtzxx.cn
        
      
        
    
        
    
        
      
        存檔
        
      
    
        

        

        





主站蜘蛛池模板：
亚洲av狠狠爱一区二区三区|
97免费人妻在线视频|
99精品无人区乱码1区2区3区|
亚洲av永久无码精品秋霞电影影院|
一个人免费观看的www|
老熟妇真实网站|
人妻放荡乱h文|
仙居县|
狠狠热精品免费视频|
亚洲综合一区国产精品|
精品黑人一区二区三区|
日本韩国三级观看|
亚洲人成手机电影网站|
日本十八禁无遮掩视频|
亚洲男人第一av天堂|
欧洲肉欲k8播放毛片|
麻豆精品国产综合久久|
人乱an乱alv老人乱|
夜鲁鲁鲁夜夜综合视频|
连城县|
国产初高中生视频在线观看|
日本一卡2卡3卡4卡无卡免费|
少女视频在线观看完整版中文|
中国xxxx18免费|
狠狠躁夜夜躁人人爽天天古典|
一本久久精品一区二区|
野花日本高清完整版免费观看视频|
盐津县|
亚洲精品无码乱码成人|
最新中文字幕免费看影视|
玩弄放荡人妻少妇系列视频|
特级xxxxx欧美孕妇|
伦理片免费完整片在线观看|
美丽姑娘电影免费看高清|
欧美videosdesexo|
国产一区二区三区无码免费|
国模小黎自慰337p人体|
欧洲熟妇色xxxxx|
欧美毛多水多肥妇|
久久久久久久无码高潮|
在熟睡夫面前侵犯我在线播放|