这篇文章给大家介绍的内容是关于javascript中函数作用域与块级作用域简单说明，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
一、函数级作用域
让我们先看一段代码
var a = true;function hoisting(){ if(!a){ var a = 2; } console.log(a)}hoisting();// 最终结果：2
登录后复制
这段代码的逻辑是
首先会寻找当前函数域中的变量。
如果存在，即先声明变量首部，不存在则从父级再次寻找
立即学习“Java免费学习笔记（深入）”；
直到找到为止。
那么我们可以改写为
var a; // 变量声明 a = true; // 变量定义function hoisting(){ var a; // 变量声明 if(!a){ a = 2; //变量定义 } console.log(a) // 先从自身函数域开始查找，找不到再去父作用域}hoisting();
登录后复制
javascript的变量是以函数为作用域而存在的，当本地查找不到时会去父级查找。
二、解决方案：闭包IIFE
可能和本文关系不大~~，主要是闭包构建新的函数域。
立即执行函数表达式：Immediately Invoked Function Expression
他的作用就是在变量被调用之前就给变量赋值
var a = (function(){ var a = 3 return a}())
登录后复制
三、解决方案：let,const
let与const主要作用是讲javascript原来的函数级作用域调整到块级作用域
let a = 2;function block(){ if(!a){ let a =1 } console.log(a)}block() // 2
登录后复制
这个时候，函数的作用域就被划分的更小了，以块级为单位。
我们可以将代码分成三个块
if块
block块
window块
好，现在我们改写一下函数会怎样呢
let a = 0;function block(){ if(!a){ let a =1 } console.log(a)}block() // 0
登录后复制
最终结果是0，当a在当前块block查找不到的时候会去父级块查找，最后为0
而if块内的变量只在块内有效
相关文章推荐：
JS面向对象编程中封装的解析
jQuery自调用匿名函数是如何调用的？
以上就是javascript中函数作用域与块级作用域简单说明的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2744786.html
