JavaScript百炼成仙 1

test();

“答案必然是10，在这个例子中，函数作用域里面的a会先去当前函数作用域里面寻找是否有一个a变量。如果找不到，就去上一层包着它的父级作用域中去寻找。那么，在这个例子里面，不难看出，外面的父级作用域，也就是全局作用域中确实有一个a变量。那么，在执行函数体的时候，就可以访问到外面的a变量啦。但是，如果反过来就不行，比如这样。”

function test(){

var a = 10;

}

console.log(a);

代码运行，结果如下：

ReferenceError: a is not defined

at Object. (G:\JavaScript百炼成仙\\hello.js:5:13)

at Module._compile (internal/modules/cjs/loader.js:689:30)

at Object.Module._extensions…js (internal/modules/cjs/loader.js:700:10)

at Module.load (internal/modules/cjs/loader.js:599:32)

at tryModuleLoad (internal/modules/cjs/loader.js:538:12)

at Function.Module._load (internal/modules/cjs/loader.js:530:3)

at Function.Module.runMain (internal/modules/cjs/loader.js:742:12)

at startup (internal/bootstrap/node.js:279:19)

at bootstrapNodeJSCore (internal/bootstrap/node.js:752:3)

“刚才已经说了，全局作用域包着一个函数作用域，那么函数作用域里面可以访问到全局作用域里面的变量。但是反过来看的话，全局作用域想要去调用里面的函数作用域中定义的变量，却是做不到的。因此当发生作用域嵌套的时候，只能里面的访问外面的，外面的无法访问里面的。而且，需要额外注意一点，那就是作用域嵌套一般是针对全局作用域和函数作用域，或者函数作用域和其他函数作用域而言的。比如，下面这种方式就不算是作用域嵌套。”说着，叶小凡随手就打出了一段代码流。

if(true){

var a = 20;

}

console.log(a);

代码运行，结果是20！

“虽然a变量的定义是写在花括号里面，但是这里并没有函数的出现，因此不算做作用域嵌套。而且我刚才也已经说了，在JavaScript中，只有全局作用域和函数作用域，你可以认为这里的a也属于全局作用域，这样方便理解。既然都是在全局作用域里面，那么console.log方法自然可以访问到同为全局作用域里面的变量a了啊。”

叶小凡讲得有理有据，饶是林元青和尹曾琪也微微点了点头。也难怪叶小凡懂的比其他弟子多，毕竟，可是有一个老怪级别的叶老在教导自己啊。

“接下来，我把代码换一下。”

if(false){

var a = 20;

}

console.log(a);

“瞧，我现在把if判断中的true改为了false，那么你说，下面的a打印出来是多少呢？”

“这，应该是报错吧，因为定义a变量的语句不会执行了啊。”对面弟子想了想，不是很确定地说道。

“错了，你看好。”叶小凡微微一笑，运功将代码执行了一下。得到的结果是undefined！

“什么，竟然是undefined，为什么？”对面弟子惊呼。

“****var a = 20;****这句话在if判断中，而if判断的条件是false，所以的确不会执行。但是，执行代码是运行阶段的时候，在代码的分词阶段和解析阶段，a变量依然会被获取，并且系统会默认给它一个undefined。又因为a变量不是在某一个函数的函数体中，而是在全局作用域里面，所以console.log方法依然可以访问到这个a变量，而且获取a变量的值就是undefined。”

“接下来可以解释之前的那个问题了。”

console.log(a);

var a = function(){

alert(“函数被调用了！”);

}

console.log(a);

“第一次执行console.log方法的时候，a变量还没有被赋值为一个函数，但是JavaScript引擎还是会把它提取出来，放入全局作用域中，并且默认给它一个undefined。所以，第一次打印出来的就是undefined。接下来，就是一个赋值语句了。”

最后

中年危机是真实存在的，即便有技术傍身，还是难免对自己的生存能力产生质疑和焦虑，这些年职业发展，一直在寻求消除焦虑的依靠。

• 技术要深入到什么程度？

• 做久了技术总要转型管理？

• 我能做什么，我想做什么？

• 一技之长，就是深耕你的专业技能，你的专业技术。（重点）

• 独立做事，当你的一技之长达到一定深度的时候，需要开始思考如何独立做事。（创业）

• 拥有事业，选择一份使命，带领团队实现它。（创业）

一技之长分五个层次

• 栈内技术 - 是指你的前端专业领域技术

• 栈外技术 - 是指栈内技术的上下游，领域外的相关专业知识

• 工程经验 - 是建设专业技术体系的“解决方案”

• 带人做事 - 是对团队协作能力的要求

• 业界发声 - 工作经验总结对外分享，与他人交流

永远不要放弃一技之长，它值得你长期信仰持有。

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。