首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js中的块级作用域

在上一篇中说到了作用域,简单介绍了一下块级作用域,在这里我们来详细介绍一下。 众所周知,在js中函数作用域是常见的单元作用域,也是现行的大多数js中最普遍的设计方案。...块作用域是一个用来对之前的最小授权原则进行扩展的工具,将代码从在函数中隐藏信息扩展为在块中隐藏信息。...let ES6的出现对于js开发者来说一个非常开心的事情,,其中一点就是他引入了新的 let 关键字,提供了除 var 以外的另一种变量声明方式。...在开发和修改代码的过程中,如果没有密切关注哪些块作用域中有绑定的变量,并且习惯性地移动这些块或者将其包含在其他的块中,就会导致代码变得混乱。...btn.addEventListener( "click", function click(evt) { console.log("button clicked"); }, false ); 尽管新版本的js

2.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS实现别踩白块小游戏

    最近有朋友找我用JS帮忙仿做一个别踩白块的小游戏程序,但他给的源代码较麻烦,而且没有注释,理解起来很无力,我就以自己的想法自己做了这个小游戏,主要是应用JS对DOM和数组的操作。...程序思路:如图:将游戏区域的CSS设置为相对定位、溢出隐藏;两块“游戏板”上分别排布着24块方格,黑色每行随机产生一个,“游戏板”向下滚动并交替显示,将每个操作板的黑块位置存入数组,每次点击时将数组pop...这里是游戏的GitHub地址,大家可以到里点击中部菜单最右边的的Download ZIP按钮下载到桌面一试,HTML和JS,无需服务器。 下载地址 以下是具体实现,关键部分有注释。...JS部分:  这里分函数介绍: 全局变量初始化 var loc=600;//黑块落地失败判定 var count=0;//初始化击中黑块总数 var locArr=[];//初始化游戏板上黑块位置的...if(anowtop==595){ //这里数目为595而不是600是因为在这一帧删除后,下一帧正好600px,刚好使两块游戏板衔接完好。

    3K80

    Java——代码块(普通块、构造块、静态块)

    代码编写中,使用{}声明的程序块就属于代码块,而根据其出现的位置,及声明关键字的不同,分为四种:普通代码块、构造块、静态块、同步代码块(多线程中涉及) 1、普通代码块 在方法中使用{}定义起来的一段代码...将普通代码块中提取到类中使用,就形成了构造代码块。...3、静态代码块 如果代码块中使用了static关键字定义,则该代码块为静态代码块: 在非主类中定义的; 在主类中定义的; 【举例】:非主类中定义的静态块 protected void onCreate...System.out.println("构造块"); } static { //静态块 System.out.println("静态块"); }...以上可以发现,静态块优于主方法先执行。 4、总结 代码块对于现阶段开发意义不大,了解即可。

    2.3K10

    Bytom侧链Vapor源码浅析-节点出块过程

    在这篇文章中,作者将从Vapor节点的创建开始,进而拓展讲解Vapor节点出块过程中所涉及的源码。 做为Vapor源码解析系列的第一篇,本文首先对Vapor稍加介绍。...NewErrorResponse(errors.New("Failed to start mining")) } return NewSuccessResponse("") } 以上讲解的是节点创建和出块模块启动所涉及的源码...从generateBlocks()函数开始,将要讲解是Vapor出块过程的具体源码。 Vapor的出块机制 Vapor采用的是DPoS的共识机制进行出块。...总结 本篇文章从Vapor设置出块开始,到出块流程结束,细节层层解析节点设置出块和出块部分所涉及的源码。虽然本文至此篇幅已经比较长,但仍有重要的问题没有讲解清楚。...例如,generateBlocks()中的第2点,程序会对出块的顺序进行查验,但这个出块的顺序是怎么获得还未做细致的解析。 那么,下一篇文章将针对Vapor中DPoS机制的细节进行源码级解析。

    39420

    Bytom侧链Vapor源码浅析-节点出块过程

    在这篇文章中,作者将从Vapor节点的创建开始,进而拓展讲解Vapor节点出块过程中所涉及的源码。 做为Vapor源码解析系列的第一篇,本文首先对Vapor稍加介绍。...NewErrorResponse(errors.New("Failed to start mining")) } return NewSuccessResponse("") } 以上讲解的是节点创建和出块模块启动所涉及的源码...从generateBlocks()函数开始,将要讲解是Vapor出块过程的具体源码。 Vapor的出块机制 Vapor采用的是DPoS的共识机制进行出块。...总结 本篇文章从Vapor设置出块开始,到出块流程结束,细节层层解析节点设置出块和出块部分所涉及的源码。虽然本文至此篇幅已经比较长,但仍有重要的问题没有讲解清楚。...例如,generateBlocks()中的第2点,程序会对出块的顺序进行查验,但这个出块的顺序是怎么获得还未做细致的解析。 那么,下一篇文章将针对Vapor中DPoS机制的细节进行源码级解析。

    59285

    手写Express.js源码

    手写源码 手写源码才是本文的重点,前面的不过是铺垫,本文手写的目标就是自己写一个express来替换前面用到的express api,其实就是源码解析。...本文所有手写代码全部参照官方源码写成,方法名和变量名尽量与官方保持一致,大家可以对照着看,写到具体的方法时我也会贴出官方源码的地址。...express.js对应的源码看这里:github.com/expressjs/e… app.listen 上面说了,express.js只是一个空壳,真正的app在application.js里面,所以..._router = new Router(); } } 复制代码 app.listen,app.handle和methods处理方法都在application.js里面,application.js...[method] 所以我们来看下Router这个类,下面的代码是从源码中简化出来的: // router/index.js var setPrototypeOf = require('setprototypeof

    5.4K30

    手写Koa.js源码

    第二篇文章是看了Express的基本用法,更主要的是看了下他的源码:手写Express.js源码 Express的源码还是比较复杂的,自带了路由处理和静态资源支持等等功能,功能比较全面。...从上面两个例子的代码来看,Koa跟Express有几个明显的区别: ctx替代了req和res 可以使用JS的新API了,比如async和await 手写源码 手写源码前我们看看用到了哪些API,这些就是我们手写的目标...lib/application.js这个文件就是我们经常用的Koa类,虽然我们经常叫他Koa类,但是在源码里面这个类叫做Application。...app.createContext对应的官方源码看这里:github.com/koajs/koa/b… context.js 上面的this.context其实就是来自context.js,所以我们先在...Express源码可以看我之前这篇文章:手写Express.js源码 Koa的思路看起来更清晰,Koa本身的库只是一个内核,只有中间件功能,来的请求会依次经过每一个中间件,然后再出来返回给请求者,这就是大家经常听说的

    1.2K20

    JS学习系列 03 - 函数作用域和块作用域

    在 ES5 及之前版本,JavaScript 只拥有函数作用域,没有块作用域(with 和 try...catch 除外)。在 ES6 中,JS 引入了块作用域,{ } 内是单独的一个作用域。...采用 let 或者 const 声明的变量会挟持所在块的作用域,也就是说,这声明关键字会将变量绑定到所在的任意作用域中(通常是 {...} 内部)。 今天,我们就来深入研究一下函数作用域和块作用域。...块作用域 ES5 及以前 JavaScript 中具有块作用域的只有 with 和 try...catch 语句,在 ES6 及以后的版本添加了具有块作用域的变量标识符 let 和 const 。...在开发和修改代码的过程中,如果没有密切关注哪些代码块作用域中有绑定的变量,并且习惯性的移动这些块或者将其包含到其他块中,就会导致代码混乱。...为块作用域显示的创建块可以部分解决这个问题,使变量的附属关系变得更加清晰。

    12910

    JS学习系列 03 - 函数作用域和块作用域

    在 ES5 及之前版本,JavaScript 只拥有函数作用域,没有块作用域(with 和 try...catch 除外)。在 ES6 中,JS 引入了块作用域,{ } 内是单独的一个作用域。...采用 let 或者 const 声明的变量会挟持所在块的作用域,也就是说,这声明关键字会将变量绑定到所在的任意作用域中(通常是 {...} 内部)。 今天,我们就来深入研究一下函数作用域和块作用域。...块作用域 ES5 及以前 JavaScript 中具有块作用域的只有 with 和 try...catch 语句,在 ES6 及以后的版本添加了具有块作用域的变量标识符 let 和 const 。...在开发和修改代码的过程中,如果没有密切关注哪些代码块作用域中有绑定的变量,并且习惯性的移动这些块或者将其包含到其他块中,就会导致代码混乱。...为块作用域显示的创建块可以部分解决这个问题,使变量的附属关系变得更加清晰。

    1.6K10

    如何阅读JS源码?读源码有什么好处

    对,就是看别人写的JS代码。文档嘛,自然是没有的。 之前也有试过看代码,但项目中N多JS文件,每个JS文件上千行,一行一行的看下来,用不了几分钟就完全晕掉了。...于是,这一次,我决定换一个方式读JS源码。 这个项目中有N个JS文件,我把入口的JS文件拿出来先看,然后我把它里面所有的函数名,都用思维导图写出来,就像这样, ?...看小说一行行看就OK,但读源码的重点,不在于要读完并理解每一行JS代码,而在于通过图表和笔记,理解系统的结构和它们之间的关系。...实际上这也是不可能的,每个大项目中上百个JS文件,每个JS文件上千行、几千行代码,这算起来就十万多行了,哪有时间让你慢慢看完。...推广来说,看项目源码,看前端各种构架的源码,它最大的好处就是可以培养自己的对于代码的“层次感”。

    3.7K110
    领券