javascript变量作用域一点总结

前言：javascript里变量作用域是个经常让人头痛抓狂的问题，下面通过10++个题目，对经常遇到又容易出错的情况进行了简单总结，代码样例很短很简单

解释：在函数show中，name是个局部变量，题目三的原理同样适用于此，即函数show内部实际为

（小知识点补充：当函数内部存在与外部全局变量同名的局部变量，优先使用局部变量，此处为name）

解释：javascript没有块级作用域（即由{}限定的作用域），函数中声明的所有变量，无论在哪里声明，在整个函数中都是有定义的，这点跟c++等灰常不同，赶紧扭转思想与时俱进

于是，再来看下show方法实际的内部解析逻辑

解释：javascript代码解析的过程，类似 function show() 这种形式声明的函数，跟var声明的变量一样，都会被提到最前面，不同的是，函数声明跟定义同时完成，但var声明的变量的赋值在后面才会完成

解释：采用函数定义式以及函数表达式定义函数，两者过程之间存在一些区别

函数定义式：function show(){}

函数表达式：var show = function(){}

采用函数定义式声明的方法，函数的定义会提前；而采用函数表达式声明的方法，函数的定义，跟采用var声明的局部变量一样，函数声明会提前，但函数定义位置不变，过程如下：

是不是有砸显示器的冲动。。。data此时其实为{name:'casper'}，把一个object当函数调用，于是报错了

前面说过，函数声明（通过函数定义式）、var声明的变量会被提前，但是会有先后顺序之分，如下：

略微修改下，结果就不同鸟：

结合上文不难猜想过程如下：

小结：javascript作用域的问题着实令人头疼，作为基础中的基础，把它搞清楚还是很有必要的，上面列举

了不少容易出错的场景，但实际情况可能比这还复杂，闭包、this、不同段之间的脚本（即脚本分散写在多段<script>标签中）等这里就

不展开了。以上内容如有错漏 或 讲解不当之处，欢迎指出。

背景：昨晚被某兄弟某了一道关于变量作用域的问题，灰常自信地给出答案，然后。。。乖乖回去翻下犀牛书好生重温了一遍，以下仅做备忘，过几天再来看下自己还能不能正确看出答案。。。