为何setTimeout两种调用方式与localStorage API兼容性不同？

核心问题出在函数的this绑定上，咱们一步步拆解：

1. 直接传localStorage.setItem为什么报错？ #

localStorage.setItem方法内部依赖this指向localStorage实例本身。当你把它作为单独的函数传给setTimeout时，setTimeout调用这个函数时会把this绑定到全局对象（浏览器环境下是window），而非原本的localStorage。

这种情况下，方法内部逻辑检测到this不是合法的存储对象，就会抛出Illegal invocation错误。

2. 箭头函数包裹为什么能正常运行？ #

箭头函数本身没有独立的this，它的this继承自外层作用域。在()=>localStorage.setItem('1','2')这个箭头函数里，调用setItem时，this会自动指向外层的localStorage，完全符合方法的运行要求，因此能正常执行。

3. 为什么console.log两种写法都可以？ #

这是浏览器的特殊兼容处理。console.log在设计时做了适配，即使this指向window，它也能正常输出内容，所以不管是直接传console.log给setTimeout，还是用箭头函数包裹，都不会出现问题。

简单总结：方法是否依赖正确的this指向，决定了能不能直接作为回调传给setTimeout。像localStorage的API这类必须绑定自身实例的方法，就得用箭头函数、bind或者包裹函数的方式来保证this指向正确。

内容的提问来源于stack exchange，提问作者fullstackneo