作用域和闭包
来源:互联网 发布:.java自学视频 编辑:程序博客网 时间:2024/05/16 10:32
一、执行上下文
给执行上下文环境下一个通俗的定义——在执行代码之前,把将要用到的所有的变量都事先拿出来,有的直接赋值了,有的先用undefined占个空。
全局代码的上下文环境数据内容为:
1、普通变量(包括函数表达式,如: var a = 10;):声明(默认赋值为undefined)
2、函数声明(如: function fn() { }):赋值
3、this:赋值
如果代码段是函数体,那么在此基础上需要附加:
1、参数:赋值
2、arguments:赋值
3、自由变量的取值作用域:赋值
范围:一段<script>
标签或者一个函数
全局(一段<script>
):变量定义、函数声明
函数:变量定义、函数声明、this、arguments(函数所有参数的集合)
函数声明: function fn(){...};
函数表达式: var fn = function(){...};
console.log(a); //undefinedvar a=100;fn('zhangsan'); //'zhangsan' 20function fn(name){ age=20; console.log(name,age); var age;}
二、this
this要在执行时才能确认值,定义时无法确认
1、构造函数
如果函数作为构造函数用,那么其中的this就代表它即将new出来的对象
function Foo(name){ this.name=name;}var f=new Foo('zhangsan');//this===fconsole.log(f.name);
2、函数作为对象的一个属性
如果函数作为对象的一个属性时,并且作为对象的一个属性被调用时,函数中的this指向该对象
var obj={ name:'A', printName:function(){ console.log(this.name); }}obj.printName(); //this===obj
3、函数用call或者apply、bind调用
当一个函数被call和apply、bind调用时,this的值就取传入的对象的值
function fn1(name){ alert(name); console.log(this);}fn1.call({x:100},'zhangsan',200); //this==={x:100}fn1.apply({x:100},['zhangsan',200]); //this==={x:100}
var fn2=function(name,age){ alert(name); console.log(this);}.bind({y:200}); ////this==={y:200}fn2('zhangsan',20);
4、全局&调用普通函数
在全局环境下,this永远是window
匿名函数中this是window
function fn1(){ console.log(this);}fn1(); //this===window
三、作用域
js没有块级作用域,不受块级限制,只有函数和全局作用域;
js除了全局作用域之外,只有函数可以创建的作用域;
作用域在函数定义时就已经确定了,而不是在函数调用时确定;
在声明变量时,全局代码要在代码前端声明,函数中要在函数体一开始就声明好。除了这两个地方,其他地方都不要出现变量声明。而且建议用“单var”形式;
作用域有上下级的关系,上下级关系的确定就看函数是在哪个作用域下创建的;
作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突;
作用域只是一个“地盘”,一个抽象的概念,其中没有变量。要通过作用域对应的执行上下文环境来获取变量的值。同一个作用域下,不同的调用会产生不同的执行上下文环境,继而产生不同的变量的值。所以,作用域中变量的值是在执行过程中产生的确定的,而作用域却是在函数创建时就确定了;
如果要查找一个作用域下某个变量的值,就需要找到这个作用域对应的执行上下文环境,再在其中寻找变量的值。
四、作用域链
1、自由变量
在A作用域中使用的变量x,却没有在A作用域中声明(即在其他作用域中声明的),对于A作用域来说,x就是一个自由变量
自由变量的取值:要到创建这个函数的那个作用域中取值——是“创建”,而不是“调用”————“静态作用域”
var a=100;function F1(){ var b=200; function F2(){ var c=300; console.log(a);//a是自由变量 console.log(b);//b是自由变量 console.log(c); } F2();}F1();
2、作用域链
指取自由变量取值时的这个过程:(假设a是自由量)
1、先在当前作用域查找a,如果有则获取并结束。如果没有则继续;
2、如果当前作用域是全局作用域,则证明a未定义,结束;否则继续;
3、(不是全局作用域,那就是函数作用域)将创建该函数的作用域作为当前作用域;
4、跳转到第一步。
五、闭包
闭包是指可以包含自由(未绑定到特定对象)变量的代码块,是能够读取其他函数内部变量的函数;这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变量),使用闭包会增加内容开销。
1、函数作为返回值
function F1(){ var a=100; //返回一个函数 return function(){ console.log(a); }}//f1得到一个函数var f1=F1();var a=200;f1(); //100
2、函数作为参数传递
function F1(){ var a=100; return function(){ console.log(a); }}var f1=F1();function F2(fn){ var a=200; fn();}F2(f1);//100
- 作用域和闭包
- JavaScript作用域链和闭包
- {{JS}}函数作用域和闭包
- 词法作用域和闭包
- 词法作用域和闭包
- JavaScript 作用域和闭包
- javascript 作用域链和闭包
- 作用域链和闭包
- 第七章 作用域和闭包
- 细说JavaScript作用域和闭包
- JavaScript作用域和闭包
- Python函数作用域和闭包
- 详解javascript作用域和闭包
- 作用域和闭包(Closures)
- 作用域链和闭包理解
- 闭包、作用域和内存
- javascript作用域和闭包
- javascript作用域和闭包
- Bagin
- Postman 安装及使用入门教程
- Win10和ubuntu16.04双系统安装
- 刷紫书第五章例题(例题5-1到5-7)
- 2017/10/13
- 作用域和闭包
- elasticSearch基础知识
- 第二次作业p42-43
- 树莓派(Raspberry Pi)3 ModelB 无显示器的SSH连接操作
- BZOJ4472[Jsoi2015] salesman 解题报告【树形DP】
- volatile关键字学习总结
- 欢迎使用CSDN-markdown编辑器
- Centos 7 之service iptables save 指令使用失败的结局方案
- Powermock和jacoco动态测试覆盖率较低,统计不准确