js作用域的问题

<!DOCTYPE>
<html>
 <head>
  <title> New Document </title>
 </head>
 <body>
  <script>
  function foo(){var a=2;bar()};
  function bar(){console.log(a)};
  foo()
  </script>
 </body>
</html>

为什么会报错，原因是什么

阅读 2.6k

js只有函数作用域，一个变量的作用域是在函数声明的时候确定，而不是在函数调用执行时。
函数作用域是一个静态的概念，在函数声明时会构建作用域链，函数执行时在这个作用域链中查找，一直到顶层全局作用域。
问题中提到a变量只在foo函数中定义,bar函数执行的时候会在bar函数的当前作用域中查找，找不到再到其外层函数(非执行它的函数，声明时的外层函数)的作用域中查找，一直到全局作用域，发现没有就会报ReferenceError

js作用域的问题

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

想在H5项目，Vue3中实现扫一扫的功能，怎么实现比较好？

怎么用Vue3和Element-Plus及手动写组件模仿一个网站的全站内容，要模仿的很像？

如何实现一个深拷贝函数？

快开发完的Vue3项目要做SEO该如何处理？

git提交记录问题？