ArrowシンタックスVS ES5関数スコープ

Question

JavaScriptコードを試してみました。なぜES6の構文が失敗するのか分かりません。

String.prototype.spacify = function() { 
 
    console.log(this.split('').join(' ')); 
 
} 
 

 
'hello world'.spacify();

^^これは素晴らしい作品！ しかし、私はこれを行う

String.prototype.spacify =() => { 
 
    console.log(this.split('').join(' ')); 
 
} 
 

 
'hello world'.spacify();

私は機能を矢印に機能を変換すると、私はthis.splitが定義されていません取得します。理解できませんでした。矢印構文はスコープとは何か特別なことをしていますか？

啓発してください！

Answer 1

矢印の機能では、スコープは変更されません。

意味：

const globalThis = this; 

String.prototype.spacify =() => { 
    // this === globalThis 
    ... 
} 

Answer 2

arrow functionでthisのコンテキストは、外側thisを指します。ここでは、testのは、矢印機能のthisと同じです。

矢印機能は、それ自身のコンテキストを作成していない、それだけで、Googleは多くの明らか

function test() { 


    String.prototype.spacify =() => { 
     console.log(this.split('').join(' ')); 
    } 

}