JS中的作用域及闭包，沙箱_js 沙箱和闭包-程序员宅基地

js中的递归

1.什么是递归

是指在函数中调用函数本身，递归需要具备结束条件

2.作用域，作用域链及预编译

a .作用域：指变量的应用范围

js中没有块级作用域....一对括号中定义的变量,这个变量可以在大括号外使用

eg: {

var sum=0;

}

Console.log(sum);

b.作用域链：变量的使用,从里向外,层层的搜索,搜索到了就可以直接使用了层层搜索,要是没有则结果就是错误

eg: var s=10;作用域链级别为0

function f1(){

var s=20;作用域链级别为1

function f2(){

var s=30;作用域链级别为2

console.log(s);

}

预解析

在当前作用域下,js运行之前，会把带有var和function关键字的事先声明，并在内存中安排好。然后再从上到下执行js语句。预解析只会发生在通过var定义的变量和function上。

Eg:

f();此时可以调用函数，因为预编译对函数先进行了读取

function f(){

Console.log(“8888888888”);

}

相反

sum();调用出错，是因为预编译存储了变量sum而不是函数

Var sum=function(){

Console.log(“6666666666”);

}

四．Js中的闭包

1.什么是闭包

函数A中,有一个函数B,函数B中可以访问函数A中定义的变量或是数据,此时就形成了闭包

闭包的作用：

延缓数据，延长作用域链,

2.闭包的模式有函数闭包和对象闭包

1.函数模式的闭包
//			function f1(){
//				var num=10;
//				function f2(){
//					console.log(num);
//					
//				}
//				f2();//打印num
//			}
//				f1();调用f1(),函数内部执行f2();即打印num;
//	2.对象模式的闭包
//		function f1(){
//			var sum=20;
//			var obj={
//				age:sum,
//			};
//			console.log(obj.age);
//		}
//		f1();//调用f1的实质是打印obj.age的值
//	3.闭包的其他形式
//		function f1(){
//			var sum=30;
//			return function(){
//				console.log(sum);
				return sum;
//			}
//		}
//		var n=f1();//f1()返回的是一个函数，因为f1 return了所以得有一个变量接收，n相当于是给返回函数重新起的名字
		console.log(n);//输出的是函数整体
//		n();

		</script>

五．沙箱

是指一种虚拟的环境, 在一个虚拟的环境中模拟真实世界,做实验, 实验结果和真实世界的结果是一样的,但是不会影响真实世界

Eg:

var str='白天不懂夜的黑';

// 沙箱

(fucntion(){

var str='黑夜不懂得白天的寂寞';

str=str.substr(2);

console.log(str);

}());

str=str.substr(2);

console.log(str);

六．事件流

事件流是指从页面中接受事件的顺序

事件流分为两种模式：冒泡和捕获

####事件绑定 DOM标准提供的方法 addEventListener

####事件移除 DOM标准提供的方法 removeEventListener

####阻止冒泡通过事件对象 Event 的方法 stopPropagation();

####阻止默认对象的方法 preventDefault();

本文链接：https://blog.csdn.net/Yesterdayw/article/details/96460779

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

android 视图动画遇到的坑_android view有动画时执行invisible-程序员宅基地

文章浏览阅读1.6k次。Android中视图动画使用率越来越少了，很多大神都使用属性动画了。但个人觉得视图动画比属性动画使用起来更简单，所以能用视图动画实现的就不考虑用属性动画。今天在项目中使用视图动画时，遇到了几个坑，记录下来，供踩到同样坑的同学参考一下~一、平移与缩放冲突使用视图动画，常使用到动画集合AnimationSet，然后在动画集合中添加平移、绽放，旋转等动画。_android view有动画时执行invisible

Anaconda新手使用教程_anaconda使用教程-程序员宅基地

文章浏览阅读4.6w次，点赞102次，收藏897次。Anaconda使用教程一（新手友好）前言一、python和包以及anaconda的概念关系关于python与包关于anaconda二、Anaconda安装问题对windows三、Anaconda使用问题配置Anaconda源可能出现的错误conda install 仍然出现下载速度慢的错误四、Anaconda创建虚拟环境并使用创建你的第一个环境查看当前conda所有环境激活你的环境在你的环境中用conda或者pip安装包查看环境中现有的包在环境中运行python程序（windows系统）退出当前环境删除环_anaconda使用教程

hdu 3496 二维费用背包_hdu - 3496-程序员宅基地

文章浏览阅读1k次。题意：求在一定l时间内看完n中电影中的m是否可能，若可能则最后快乐度是多少。之前错了好多遍，一直找不到原因，后来在百度上看了很多别人的代码发现只有初始化不同我的初始化： memset(f,0,sizeof(f));别人的： for(int i=0;i for(int j=0;j一开始认为没什么影响，但是苦于一直找不到原因，所以我将自_hdu - 3496

Random、SecurityRandom、Math.random()_securerandom和math.random()-程序员宅基地

文章浏览阅读2k次。下面可以不看，一句话，为了其安全起见，以后我们就用SecurityRandom就好了。JDK中有两个随机数类。一个是PRNG，也就伪随机数类java.util.Random，是采用线性同余算法产生的。另一个是RNG，也就是java.util.Random的子类强随机数java.security.SecureRandom，这是一个SPI类，也就是说具体的算法由Pro..._securerandom和math.random()

npm安装vue报错:npm ERR! code ETIMEDOUT-程序员宅基地

文章浏览阅读8k次，点赞8次，收藏8次。npm安装vue报错npm ERR! code ETIMEDOUT_code etimedout

Linux解决Warning： mysql_connect()： Headers and client library minor version mismatch. 警告_mysql headers:50647-程序员宅基地

文章浏览阅读5k次。这两天用阿里云服务器重新部署网站服务器后，打开某php页面出现了如下警告：Warning: mysql_connect(): Headers and client library minor version mismatch. Headers:50547 Library:50631 in /XXX(某某目录)/wp-db.php on line 1520，虽然是警告，但是有的界面会因此打不开，无法..._mysql headers:50647

随便推点

基于verilog驱动M25P16(FLASH)--------（一）_m25p16 verilog sim model-程序员宅基地

文章浏览阅读97次。基于verilog驱动M25P16(FLASH) -------- SPI简介_m25p16 verilog sim model

windows11家庭版开启hyper-v功能-程序员宅基地

文章浏览阅读23次。新建hyperv.bat，输入以下内容。管理员运行bat即可。

CentOS 7 如何为 PHP 5.6 安装 MSSQL 扩展_宝塔面板centos7/php5.6安装mssql扩展-程序员宅基地

文章浏览阅读4.9w次。背景前两天写了一篇文章 OSX MAMP 如何为 PHP 5.6 安装 MSSQL 扩展，讲的是自己的个人电脑，也就是开发环境如何为 PHP 5.6 安装 MSSQL 扩展，现在要上生产了，继续讲讲怎么给 CentOS7 安装 PHP - MSSQL 扩展。运行环境操作系统CentOS Linux release 7.8.2003 (Core)集成环境宝塔PHP 5.6.40步骤和之前一样，我们先来整理一下整体的步骤：1、安装 freetds2、安装 mssql.so 扩展（p_宝塔面板centos7/php5.6安装mssql扩展