函数的上下文

短命女 2022-06-04 01:51 197阅读 0赞

## 题目描述 ##

将函数 fn 的执行上下文改为 obj 对象

示例1

## 输入 ##

function () {return this.greeting + ', ' + this.name + '!!!';}, {greeting: 'Hello', name: 'Rebecca'}

## 输出 ##

Hello, Rebecca!!!

刚开始我还想通过下面的方法将对象的值转为数组存储，后来传进去数组后发现  
var m = Object.getOwnPropertyNames(obj);  
    var v = m.forEach(function(ele,idx,m)\{  
        return obj\[ele\];  
    \});  
后来发现fn中使用了this.调用属性，所以呢！后来参考了其他人写的：：  
function speak(fn, obj) \{  
    return fn.apply(obj,\[\]);  
\}

在JavaScript中，函数是一种对象，其上下文是可以变化的，对应的，函数内的this也是可以变化的，函数可以作为一个对象的方法，也可以同时作为另一个对象的方法，可以通过Function对象中的call或者apply方法来修改函数的上下文，函数中的this指针将被替换为call或者apply的第一个参数。将函数 fn 的执行上下文改为 obj 对象，只需要将obj作为call或者apply的第一个参数传入即可。

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>function speak(fn, obj) { </code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;</code> 
      <code>return</code> 
      <code>fn.apply(obj, obj);</code> 
     </div> 
     <div> 
      <code>&nbsp;</code> 
      <code>}</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

`//三种方案`

`//apply`

`function` `speak(fn, obj) {`

`    ` `return` `fn.apply(obj);`

`}`

`//call`

`function` `speak(fn, obj) {`

`    ` `return` `fn.call(obj);`

`}`

`//bind`

`function` `speak(fn, obj) {`

`    ` `return` `fn.bind(obj)();`