JavaScript是目前世界上最流行的前端编程语言之一，它的函数作用域是javascript编程中非常重要的一个概念。函数作用域链的存在使JavaScript代码能够顺利地运行。那么什么是函数作用域链呢？

函数作用域链是JavaScript中实现作用域的一种方式。在JavaScript中，每一个函数都有自己的作用域。作用域链就是函数作用域的链条，它用于向上查找变量。当一个变量在当前作用域内没有找到时， JavaScript 会在下一个作用域内查找。

function parentFunc(){
var parentVar = "This is a parent variable";
function childFunc(){
var childVar = "This is a child variable";
console.log(childVar);
console.log(parentVar);
}
childFunc();
}
parentFunc();

在上面的例子中，我们定义了一个函数 parentFunc， 在其中又定义了一个子函数 childFunc。childFunc 可以访问到父函数中的变量 parentVar, 这说明了在JavaScript中，函数的作用域是可以向外查找的，我们可以利用这个特性实现模块化设计。

JavaScript的作用域嵌套的层数不限，这就意味着作用域链中可以存在多个作用域。比如下面这个例子:

function outer() {
var outerVar = "Outer variable";
function middle() {
var middleVar = "Middle variable";
function inner() {
var innerVar = "Inner variable";
console.log(innerVar);
console.log(middleVar);
console.log(outerVar);
}
inner();
}
middle();
}
outer();

在这个例子中，我们定义了3个嵌套的函数，它们分别是 outer, middle 和 inner。inner可以访问到所有嵌套层级外的变量，这实现了 JavaScript 中很常用的模块化设计。

不过，作用域链也可以带来一些麻烦。比如在下面这个例子中，我们定义了一个函数：

var base = "global";
function foo() {
console.log(base);
var base = "foo";
console.log(base);
}
foo();

在这个例子中，foo函数中使用了base变量，由于在foo函数中定义了一个新的base变量，因此输出结果为 undefined和foo。

在JavaScript中，变量的查找是从内部向外部进行的，如果当前作用域没有找到需要的变量，程序会继续向上查找作用域链以找到需要的变量。但是，当我们在当前作用域内定义了同名的变量时，会优先使用此变量，而不是在作用域链中向上查找。

因此，在JavaScript中，为了保证代码的可读性和健壮性，我们应该避免使用同名变量。此外，还应该尽量不使用全局变量，这样可以有利于代码的维护和扩展。

综上所述，JavaScript中的函数作用域链使得我们能够轻松地实现模块化设计，但是同名变量和全局变量的使用会引起问题，因此我们应该遵循最佳实践。