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

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

第8章 作用域与JS代码的运行 * 作用域:变量可以起作用的范围和区域 8.1 全局变量和局部变量 * 全局变量与全局作用域 在任何地方都可以访问到的变量就是全局变量,全局变量所在的区域就是全局作用域...在 js 中词法作用域规则: 函数允许访问函数外的数据. 整个代码结构中只有函数可以限定作用域....; 函数内部如果有变量,则优先使用内部的变量,如果函数内部没有,才会使用函数外部的变量; 8.5 作用域链 * 只有函数可以制造作用域结构, 那么只要是代码,就至少有一个作用域, 即全局作用域。...凡是代码中有函数,那么这个函数就构成另一个作用域。如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域。 将这样的所有的作用域列出来,可以有一个结构: 函数内指向函数外的链式结构。...代码的局部作用域,函数外部是全局作用域,JS 代码的运行分为与解析阶段和执行阶段,变量的声明实在与解析阶段的,所以变量存在提升,而变量只在自己的作用域中起作用,但是自己作用域是可以访问上级作用域的;

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

    js中的作用域

    前言 相信自从es6出来之后,你一定多少知道或者已经在项目中实践了部分的块级作用域,在函数或者类的内部命名变量已经在使用let了,但是你知道它真正的作用是什么吗?...又是因为什么我们要用这个块级作用域,本文与你一起探讨块级作用域的场景以及所有细节问题。...es6之前的作用域 特点1 :js只有函数级作用域以及全局两种 特点2 :不通过var声明的变量直接赋值也可以用并且可以访问,原理是直接赋值到了window对象属性变量下,两者如果同时定义,那么会覆盖使用...块级作用域 场景一 循环中的块级作用域 如果我们有一个遍历循环的绑定事件,并且需要把当前的指针绑定到对应方法中。...参考文档 前端技术文档-兵哥技术集锦,es6入门 let-mdn文档 变量提升-菜鸟教程 学习js闭包-阮一峰博客

    3.2K20

    JS作用域

    JavaScript的作用域有全局作用域和局部作用域 先通过一下代码来体验下作用域 var x = 1; function f1(){ var y = 2; x = 10; console.log...ReferenceError: y is not defined at :7:13 上述代码中变量x就是全局作用域,方法f1的作用域也是全局,f1方法中的变量y是局部的,y的作用范围仅限f1方法体内...,离开了f1的方法体的作用范围,就无法获取到y的值,所以上述的例子中最后打印y的时候是undefined 我们再来看下面的例子 var a = 1; function f1(){ console.log...,让我们来分析一下这段代码的预解析过程 1)首先定义了一个全局变量a 2)定义了function f1 3)执行f1方法 ​ 3-1)定义了f1方法体内部的局部变量a,a的值为undefined ​ 3...-2)输出局部变量a,因为a未赋值,所以这个地方输出undefined ​ 3-3)给局部变量a赋值为3 4)输出全局变量a,a的值为1 这就是上面这段代码的预解析过程,只要把这段代码的预解析搞明白了,

    11510

    JS-cookie封装

    oDate.setDate(oDate.getDate()+iDay);//设置延期日 document.cookie = name+'='+value+';expires='+oDate;//到这里的oDate...是延期后的时间毫秒数 setCookie('xxx','www',3)//调用传参,前俩参数记得加‘单引号’ getCookie()中: getCookie:传一个参数,就是要查找记录的name值,讲现有的...cookie字符串进行切割扔个arr,此时的arr就是{name=1,name2=2,name3=3...}的一个object,就像一个json,此时,再遍历,将arr的每一个元素分别提取出来然后通过等号切割...,扔个arr2,这样,arr2就成了俩值得数组,遍历一遍,就被扔进来一对,把扔进来的这对进行判断,如果他的名字等于传进来的要查找的参数值,那么arr2内部的第2个数值就是要找的名字对应值,把他弹出来。...否则,遍历完了还没有,就弹回空或者其他的“没找到”等提示语。 removeCookie()中: 有效期时间设置为-1,让计算机以为这条数据是昨天过期,自己删除本条数据。 ?这里第二个参数为什么是1

    8.2K51

    JS作用域和作用域链

    JS中的作用域就是在一定的空间范围内对数据进行读写操作。 在JS中一个变量的作用域(scope)是程序中定义这个变量的区域。 变量有全局变量和局部变量两种。...全局变量的作用域是全局性的,即在JavaScript代码中,该全局变量处处都有定义。...在这个阶段,作用域链会被初始化,this的值也会被最终确定。在执行阶段,代码被解释执行。...此外还要讲下JS作用域中的块级作用域。 JS中是没有块级作用域这个概念的。 什么是块级作用域呢?...JS并不支持块级作用域,它只支持函数作用域,而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。 那么JS又该怎么拥有块级作用域呢?

    4.1K30

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

    作用域 [[scope]],函数定义时自动生成的一个隐式属性,是用来存储函数作用域链 Scope Chain的容器。作用域链是用来存储函数执行上下文 AO和全局执行上下文 GO的容器。...函数被定义时,系统会为函数生成[[scope]],[[scope]]中保存该函数的作用域链,并从该作用域链的起始位置开始存储当前环境的作用域链。...{ var b = 2; } var a = 1; b(); } var c = 3; a(); 复制代码...函数a被定义时,会为a生成[[scope]]属性,其中存储a的作用域链,并将GO插入到作用域链的起始位置。...函数a被执行时,此时函数b也被定义,函数b的[[scope]]也在此时生成,其中存储函数b的作用域链,并将当前环境的作用域链插入函数b作用域链的起始位置,即函数a的AO和GO。

    3.5K10

    JS中匿名函数的作用

    - 匿名函数主要利用函数内的变量作用域,避免产生全局变量,影响整体页面环境,增加代码的兼容性。(如下图) ? 那么 他的作用是什么?...我们首先假设一个场景,一个网站使用了jQuery框架进行了许多的DOM操作,然而,在“有心人”的操作之下,能够将整个jQuery的'$'函数变成其他的功能,例如: 在控制台中输入: $=null...,当然,除了jQuery也有其他的框架也可能需要有这样的匿名函数来保护页面。...只要使用的得当,自然能够避免这些不必要的麻烦。...---- 个人的看法:这个匿名函数也有些类似于ES6中的let方法,所声明的内容能够有效避免全局变量的产生,所以即使在控制台中,也不能够随意改变该页面的内容,我想 let方法的出现可能就是为了补充前面的不足吧

    2.9K20

    原生JS | 作用域

    一个变量在其作用域内是可以被访问的,在作用域外不能被访问。 全局作用域与局部作用域 变量的执行环境有两种:一种是全局,另一种是局部(如:放在函数里面)。...当有多层作用域时,深层的作用域中查找变量时,会按照“当前作用域”到“上层作用域”再到“全局作用域”的顺序进行查找,这个查找的顺序就可以理解为作用域链。...也就是“案例1”的代码中 user与window.user是等价的。...查看如下与案例等价的代码,更有利于理解案例~ var user = 'HTML5学堂'; function changeName(user){ var user = user; user...= '码匠'; } changeName(user); console.log(user); 如果觉得如上的代码还不容易理解,我们可以尝试更换形参名字,会更容易理解一些~如下代码与案例4的代码也是等价的

    4.8K50

    js作用域详解

    js对象 众所周知,js的所有数据类型都是一个对象,例如: var a = 1; console.log 声明a=1;a属于number类型,但是number类型又是number对象,有着以下方法: interface...atest其实是一个window对象下的方法对象 var 局部变量作用域 var 声明一个对象,只作用域当前作用域以下。...在闭包函数中声明的变量,只能在闭包函数内的作用域,以及下层作用域使用,可通过return 对象中,通过return对象中声明的方法进行返回,使得上级作用域能成功访问到闭包作用域的变量 return作用域变量访问情况...总结 1:js万物皆对象,所有变量都是对象类型。...2:js的作用域是往下通用的,下层作用域可访问上层作用域的变量,并可修改值 3:js下层作用域变量和上层同名冲突时,下层作用域将覆盖上层变量,但上层作用域的访问不受影响 4:不适用var方法定义的变量,

    2.5K10

    JS进阶-作用域

    局部作用域 定义:局部作用域的意思就是,变量只能在它的代码块或者函数内部访问,而不能在外部访问,局部作用域的变量在函数或代码块执行完后会销毁,不会影响全局作用域变量。...生命周期:局部变量在函数或代码块执行完后会被销毁,释放内存。 作用域链:局部作用域可以访问外部作用域的变量,但外部作用域无法访问局部变量。...全局作用域 定义:全局作用域指的是变量或函数在整个程序的任何地方都可以访问,且不会被局部作用域所限制。 全局作用域的特点 声明在任何函数或代码块外部的变量,默认具有全局作用域。...全局作用域的变量会成为 window(浏览器环境)或 global(Node.js 环境)对象的属性。 在任何地方(函数、代码块等)都可以访问全局变量。...作用域链 定义:作用域链是js中的变量查找机制! 是一个查找机制!!指的是当一个变量在当前作用域找不到时,js会沿着作用域的层级结构向上查找,直到找到该变量或到达全局作用域。

    9710
    领券