博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Js作用域链及变量作用域
阅读量:6262 次
发布时间:2019-06-22

本文共 1189 字,大约阅读时间需要 3 分钟。

hot3.png

要理解变量的作用域范围就得先理解作用域链 

用var关键字声明一个变量时,就是为该变量所在的对象添加了一个属性。 
作用域链:由于js的变量都是对象的属性,而该对象可能又是其它对象的属性,而所有的对象都是window对象的属性,所以这些对象的关系可以看作是一条链 
链头就是变量所处的对象,链尾就是window对象

看下面的代码:

function t() { var a; function t2() { var b; } }

 

js中函数也是对象,所以变量a所在的对象是t,t又在window对象中,所以a的作用域链如下 

t--window 
那么b所以在的对象即t2,t2又包含在t中,t又在window对象,所以b的作用域链如下 
t2--t--window 
明白了作用域链下面就开始变量的作用域分析了 
       
1 javascript 没有var的变量都为全局变量,且为window对象的属性

function test1() { //执行这个句的时候它会找作用域对象,这个函数就是作用域链中的第一个对象,但这个对象中没有相关的var语句 //于里就找作用域链的第二个对象,即全局对象,而全局对象中也没有相关的var语句 //由于没有相关的var语句,js隐式在函数地声明了变量即var all; all = 30; alert(all); } test1();alert(all); alert(window.all);

2 函数内(函数内的函数除外)定义的变量在整个函数内部都有效

function test2() { var t = 0; //在for的条件里定义变量,这个变更的作用域链对象是这个函数 //因此在整个的函数里它是有效的 for (var i = 0; i < 5; i++) { t += i; } alert(i); } test2();

3 函数内部的变量取代全局同名变量

var t = "bb"; function test() { //执行t的时候,它会先找作用域链对象,由于它定义在函数内部,所以这个函数就是它的作用域链的第一个对象 //而在这个对象里又有t的定义,所以t就是局部变量了,它替换了全局变量t//t只是此时有定义,但并没有赋值,赋值在下一行,所以这里输出了undefined alert(t); var t = "aa"; alert(t); } test();

 

4 没块的作用域

 

if (true) { //在块中定义了一个变量,它的作用域链的第一个对象就是全局对象window var tmp = 0; } //tmp的作用域链的第一个对象就是全局对象window,而上面又有全局对象中相关的var语句,因此输出0 alert(tmp);

 

转载于:https://my.oschina.net/andy0520/blog/683905

你可能感兴趣的文章
oracle的drop命令
查看>>
设计与梳理企业二级流程的路线方法
查看>>
垃圾回收概念与算法
查看>>
TFS实现需求工作项自动级联保存
查看>>
springmvc 4.x 处理json 数据时中文乱码
查看>>
Python练习(day7)
查看>>
网络工程师笔试题总结
查看>>
飞舞的蝴蝶
查看>>
Async Performance: Understanding the Costs of Async and Await
查看>>
POJ2771_Guardian of Decency(二分图/最大独立集=N-最大匹配)
查看>>
Cocos2d-x之MenuItem
查看>>
远程共享文件夹
查看>>
[转] C/C++中printf和C++中cout的输出格式
查看>>
swift 如何实现点击view后显示灰色背景
查看>>
【Android】3.9 覆盖物功能
查看>>
MySQL也有潜规则 – Select 语句不加 Order By 如何排序?
查看>>
搭建SolrCloud的详细步骤
查看>>
svn的安装与使用
查看>>
基于Linux下Iptables限制BT下载的研究
查看>>
Android对话框-中篇-之建立自己的对话框
查看>>