javascript this 丢失现象

今天在做一道简单的题时

// 请你给字符串都添加上原型方法 spacify，可以让一个字符串的每个字母都多出一个空格的间隔：
"ScriptOJ".spacify() // => "S c r i p t O J"

然后我在 nodejs 环境中测试

String.prototype.spacify = () => {
    return this.split("").join(" ");
}

结果

"123".spacify();    // 报错 TypeError: this.split is not a function

然后我

String.prototype.spacify = () => {
    console.log(this);      // 居然为 {}
}

原来是因为

箭头函数中的this
箭头函数没有自己的this, 它的this是继承而来; 默认指向在定义它时所处的对象(宿主对象),而不是执行时的对象, 定义它的时候,可能环境是window; 箭头函数可以方便地让我们在 setTimeout ,setInterval中方便的使用this

于是这里的箭头函数里的 this 指向全局对象，在浏览器中是 window，在 nodejs 中是 global