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

前端基础-JavaScript作用域与JS代码的运行

第8章 作用域与JS代码的运行 * 作用域:变量可以起作用的范围和区域 8.1 全局变量和局部变量 * 全局变量与全局作用域 在任何地方都可以访问到的变量就是全局变量,全局变量所在的区域就是全局作用域...代码的运行 * console.log(s); //undefined var s = 2; JavaScript代码的执行是由浏览器中的JavaScript解析器来执行的。...JavaScript解析器执行JavaScript代码的时候,分为两个过程:预解析(编译)过程和代码执行过程 预解析过程: 语法检查,如果有错误,直接停止后续步骤不再运行。...在 js 中词法作用域规则: 函数允许访问函数外的数据. 整个代码结构中只有函数可以限定作用域....代码的局部作用域,函数外部是全局作用域,JS 代码的运行分为与解析阶段和执行阶段,变量的声明实在与解析阶段的,所以变量存在提升,而变量只在自己的作用域中起作用,但是自己作用域是可以访问上级作用域的;

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

JS作用域和作用域链

JS中的作用域就是在一定的空间范围内对数据进行读写操作。 在JS中一个变量的作用域(scope)是程序中定义这个变量的区域。 变量有全局变量和局部变量两种。...下面就要借助JS作用域链来更好的理解作用域了。 在此之前,先要明确个概念,即执行环境和作用域是两个完全不同的概念。 函数的每次调用都有与之紧密相关的作用域和执行环境。...搜索过程始终从作用域链的前端开始,然后逐级地向后(全局执行环境)回溯,直到找到标识符为止。 此外还要讲下JS作用域中的块级作用域。 JS中是没有块级作用域这个概念的。 什么是块级作用域呢?...但JS由于没有块级作用域,所以在块外仍旧可以访问。...JS并不支持块级作用域,它只支持函数作用域,而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。 那么JS又该怎么拥有块级作用域呢?

4.1K30

JS基础——作用域、作用域链

作用域 [[scope]],函数定义时自动生成的一个隐式属性,是用来存储函数作用域链 Scope Chain的容器。作用域链是用来存储函数执行上下文 AO和全局执行上下文 GO的容器。...函数被定义时,系统会为函数生成[[scope]],[[scope]]中保存该函数的作用域链,并从该作用域链的起始位置开始存储当前环境的作用域链。...函数被定义后&将要执行前会生成函数本身的AO,并将其插入作用域链的起始位置。...,并将GO插入到作用域链的起始位置。...函数a被执行时,此时函数b也被定义,函数b的[[scope]]也在此时生成,其中存储函数b的作用域链,并将当前环境的作用域链插入函数b作用域链的起始位置,即函数a的AO和GO。

3.5K10

js作用域详解

js对象 众所周知,js的所有数据类型都是一个对象,例如: var a = 1; console.log 声明a=1;a属于number类型,但是number类型又是number对象,有着以下方法: interface...定义全局作用域变量 直接定义不借助var,将定义全局变量,成为window对象的属性:     var  a1='666';     a2='777';     function test...在声明函数之后,在后面增加括号即可实现声明后直接运行:     (function () {         var a = 1;         console.log(a);     ...总结 1:js万物皆对象,所有变量都是对象类型。...2:js作用域是往下通用的,下层作用域可访问上层作用域的变量,并可修改值 3:js下层作用域变量和上层同名冲突时,下层作用域将覆盖上层变量,但上层作用域的访问不受影响 4:不适用var方法定义的变量,

2.5K10

原生JS | 作用

变量的查找方式 & 作用域链 变量的查找方式 当局部作用域当中出现属性的时候,首先查找当前的作用域当中是否具有存储空间,如果有,直接采用;如果没有,向其父级查找,如果父级没有,继续向上,直到查找到window...); 运行结果: 'HTML5学堂' 'HTML5学堂' 在全局作用域下创建的变量,其实就是window对象的属性/方法。...作用域案例2 - 局部变量 (function(){ var user = '码匠'; }()); console.log(user); 运行结果: 报错(user is not defined...作用域案例3 - 不声明局部变量的状态 (function(){ user = '码匠'; }()); console.log(user); 运行结果: '码匠' user = ’码匠‘; 并没有采用...(user); 运行结果: 'HTML5学堂' 在changeName函数当中,形参名为user,由于形参名,也会创建存储空间,因此,在changName当中就出现了一个存储空间。

4.7K50

了解 JS 作用域与作用域链

JS中的声明提前 js中的函数作用域是指在函数内声明的所有变量在函数体内始终是可见的。...当js需要查找变量x的值的时候(这个过程称为变量解析(variable resolution)),它会从链的第一个对象开始查找,如果这个对象有一个名为x的属性,则会直接使用这个属性的值,如果第一个对象中没有名为...作用域链举例: 在js最顶层代码中(也就是不包括任何函数定义内的代码),作用域链由一个全局对象组成。...(tip: 把上面三点理解好,记住了,最好还要能用自己的话说出来,不然就背下来,因为面试官就直接问你:请描述一下作用域链...)...,最后把作用域链恢复到原始状态 简单用法: 比如给表单中各个项的值value赋值 一般可以我们直接这样 var f = document.forms[0]; f.name.value = ""; f.age.value

2K10

JS进阶:作用域和作用域链

作用域(Scope) 1.什么是作用作用域是在运行时代码中的某些特定部分中变量,函数和对象的可访问性。换句话说,作用域决定了代码区块中变量和其他资源的可见性。...全局作用域有个弊端:如果我们写了很多行 JS 代码,变量定义都没有用函数包括,那么它们就全部都在全局作用域中。这样就会 污染全局命名空间, 容易引起命名冲突。...因为放在里面的所有变量,都不会被外泄和暴露,不会污染到外面,不会对其他的库或者 JS 脚本造成影响。这是函数作用域的一个体现。...取b的值时,直接在fn作用域取出。...而作用域访问的变量是编写代码的结构确定的。 作用域和执行上下文之间最大的区别是:执行上下文在运行时确定,随时可能改变;作用域在定义时就确定,并且不会改变。 一个作用域下可能包含若干个上下文环境。

2.5K20

js中的作用

es6之前的作用域 特点1 :js只有函数级作用域以及全局两种 特点2 :不通过var声明的变量直接赋值也可以用并且可以访问,原理是直接赋值到了window对象属性变量下,两者如果同时定义,那么会覆盖使用...console.log(temp) temp=null } } pack()()//123 //如果你觉得上面写两个方法执行比较麻烦,也可以直接返回自运行函数...arr[i]=function(){ console.log(i) } } arr[2]()//1 console.log(i)//undefined 场景二 结合this以及函数运行环境...} console.log(i)//4 ,看到修改了的结果,已经变成4 } 变量提升(js-hoisting) 场景一 变量可以先使用后申明,其申明会自动提前 a=12 console.log...参考文档 前端技术文档-兵哥技术集锦,es6入门 let-mdn文档 变量提升-菜鸟教程 学习js闭包-阮一峰博客

3.2K20

JS运行机制

本文阐述了浏览器端和node端的js运行机制执行的过程,还进行了两者的运行机制比较,以及同步任务和异步任务的说明,两种异步任务的必要性,以及各自有哪些回调,部分回调的优先级。...JS运行机制复述 首先js执行,会有一个函数执行栈(stack),一个任务队列(task queue),一个微任务队列(microtask queue),事件循环(event loop)。...浏览器和Node端事件循环的差别 两者的运行机制完全不同,实现机制也不同。 node.js可以理解成4个宏任务队列(timer、I/O、check、close)和2个微任务队列。...JS异步任务 js的异步任务分为两种:宏任务、微任务。一个宏任务里面可以拥有多个微任务,在执行js代码块的时候才会去执行内部的微任务。 宏任务 macrotask,也叫tasks。...function () { console.log('promise') }) }) setTimeout(() => { console.log(3) }) node11以后的版本与浏览器端运行结果一致

3.7K30
领券