javascript作用域、作用域链(菜鸟必看)
更新时间：2016年06月16日 09:06:04 投稿：jingxian
下面小编就为大家带来一篇javascript作用域、作用域链(菜鸟必看)。小编觉得 挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
javascript的作用域和作用域链是我学习最痛苦的一部分,因为我花了好多时间看了好多技术文档都没有理解.大体知道什么意思了,然后还说不出之所以然来.
通过我大量的测试和看技术文档总结了以下理解，虽然不是很有技术范但是确实能理解了。
1、javascript只有全局和局部之分，那些后台语言的各种修饰符都没有。在函数中不使用var则为全局。如下：
<script type="text/javascript">
varname="c#";//全局
window.name="java";//全局
varlanguage=function()
{
alert(name);
name="javascript";//全局
var name="JS";//局部
alert(name);
}()
alert(name);
</script>
上面代码中表示为全局的在都指向同一个变量，下面的定义会替换上面的。关于三个alert分别是underfind,js,javascript.这就是作用域起了作用了。
2、作用域链从0级开始依次往下排，所谓的依次往下排指的是子级的排列。在寻找变量的时候先从同级找再找父级。
在上面的例子中，
首先弹出的是language方法里的第一个alert，如果window全局是0，那么在例子中var name="js"这个就是1.第一个alert就在1中找，如果找不到在去0中找。这是它发现了同级有一个var name="js"但是它目前还没有赋值，所以弹出underfind
第二个弹出是language方法里的第二个alert，同样的他会在1里找也就是方法内部。他找到了name而且赋值了js，所以弹出的是js
第三个弹出是最下面的alert，由于在方法内部已经给全局name重新赋值了，导致弹出的是javascript。
然后增加下一个链路我们在language中顶一个方法，如下：
<scripttype="text/javascript">
varname="javascript";//全局
window.name="javascript";//全局
varlanguage=function()
{
alert(name);
name="javascript";//全局
varname="JS";//局部
alert(name);
var lovelanguage=function(){
alert(name);
}();
}()
alert(name);
</script>
此时lovelanguage里的alert弹出的是js因为他会找上一级也就是language里的name，所以。。。
以上就是小编为大家带来的javascript作用域、作用域链(菜鸟必看)的全部内容了，希望大家多多支持脚步之家。
相关文章
这篇文章主要为大家详细介绍了JavaScript表单即时验证，验证不成功不能提交，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
"js 合并对象"是一种在JavaScript编程中常见的操作,用于将多个对象的属性合并到一起,通常,我们会使用ES6的扩展运算符或者Object.assign()函数来实现这个功能,感兴趣的可以了解一下2023-08-08
上下滚动的效果，不用说，大家都有看到过，本文为大家介绍下使用jquery实现上下滚动效果，感兴趣的朋友可以参考下，希望对大家有所帮助2013-08-08
这篇文章主要介绍了JS简单限制textarea内输入字符数量的方法,涉及JavaScript响应鼠标及键盘事件处理textarea输入框字符的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
其实就是利用了Microsoft.XMLHTTP实现远程文件的保存，不过需要修改下才可以运行，地址传参问题2013-04-04
这篇文章主要为大家详细介绍了H5上传本地图片并预览的实现代码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
.d.ts 文件是 TypeScript 的类型声明文件,它们的主要作用是为 JavaScript 库提供类型支持,本文主要介绍了TypeScript中d.ts类型声明文件的实现,感兴趣的可以了解一下2023-10-10
当前端在开发过程中遇到上传文件需求,如果是小文件之类的可以正常按上传流程处理,但是当遇到上传大文件需求时就需要分片上传,这篇文章主要给大家介绍了关于JS前端分片上传大文件(支持1G以上的超大文件)的相关资料,需要的朋友可以参考下2024-08-08
首先我们要知道，js这门语言是单线程的，同时只能做一件事，比如说渲染dom，执行js方法，这些事情只能一个一个做，不能分开执行。（因为js需要操作dom，当两个js方法同时操作一个dom的时候就会出问题，所以js被设计成了单线程）。本文将介绍JS三座大山之异步和单线程。2021-06-06
在js中有一个运算符可以帮助我们判断一个值的类型，它就是typeof运算符。下面通过本文给大家分享JavaScript中如何判断一个值的类型，需要的朋友参考下吧2017-09-09
最新评论