箭头函数中的“‘this”未显示词法作用域 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ES6 箭头函数解决 this 作用域问题

在写 JS 时，尤其是在写回调函数的时候，经常会遇到一个很头疼的问题：this 的指向并非我所想要的（我想使用 this 调用外面大的函数，可实际上往往调用的是当前小的函数）。...直到我发现了 ES6 的箭头函数可以完美的避免这个问题。...() => { console.log(this.infoHash) // 此处 this 非当前箭头函数 } 对比 function () { console.log(this.infoHash...) // 此处 this 为当前匿名函数 }

2634 0

一道题解释 js 的词法作用域

解析：词法作用域让 foo() 中的 a 通过 RHS 引用用到了全局作用域中的 a，因此会输出 1....动态作用域并不关心函数和作用域是如何声明以及在何处声明的，只关心他们从何处调用，作用域链是基于调用栈的，而不是代码中的作用域嵌套。...而事实上 JavaScript 并不具有动态作用域，它只有词法作用域，简单明了。词法作用域是在写代码或者说定义时就确定的，动态作用域是在运行时确定的。...词法作用域关注函数在何处声明，动态作用域关注函数在何处调用。摘自《了不起的 JavaScript 上卷》

3222 0

您找到你想要的搜索结果了吗？

是的

没有找到

全局作用域、函数作用域、块级作用域的理解

1.前言作用域是任何一门编程语言中的重中之重，因为它控制着变量与参数的可见性与生命周期。很惭愧，我今天才深入理解JS的作用域..我不配做一个程序员.....开玩笑，什么时候理解都不晚，重要的是理解了以后能不能深深地扎在记忆里，不能，那就写下来 2.块级作用域在一个代码块（括在一对花括号中的一组语句）中定义的所有变量在代码块的外部是不可见的。...ES6中新增的概念，在ES5中是没有的，ES5中没有？没有的时候我们代码也写的好好的，现在新增的概念，我不用不行吗？来，拋一个典型的问题出来，你就明白块级作用域出现的重要性了。...//全局变量 (function(){ for(var i = 0;i < 5; i++){} })() console.log("i =",i); //i = 100 ES6中为什么会出现块级作用域的概念...，是可以修改内部属性的，数组同理； 5.总结主要总结一下块级作用域、以及块级作用域出现的意义，方便更好的记住。

3.1K1 0

JavaScript词法作用域（你不知道的JavaScript）

JavaScript并不是传统的块级作用域，而是函数作用域！一、作用域 1....PS：从原理上阐述了博客中《JavaScript函数及其prototype》函数执行覆盖等问题！！！二、词法作用域词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。...eval可以对一段包含一个或多个声明的“代码”字符串进行演算，并借此修改已经存在的词法作用域（运行阶段）。...with将对象的属性当作作用域中的标识符来处理，从而创建了一个新的词法作用域（运行阶段）。...PS：从原理上阐述了博客《 JavaScript语言精粹【糟粕、毒瘤】》中with不能使用的原因！！！三、函数作用域和块作用域 1.

5406 2

【深度剖析】JavaScript中块级作用域与函数作用域

面试官必问系列：深入理解JavaScript块和函数作用域 • 在 JavaScript 中，究竟是什么会生成一个新的作用域，只有函数才会生成新的作用域吗？...那 JavaScript 其他结构能生成新的作用域吗？ 3.1 函数中的作用域 • 在之前的词法作用域中可见 JavaScript 具有基于函数的作用域，这也就意味着一个函数都会创建一个新的作用域。...• 实际的结果就是在这个代码片段的周围创建了一个新的作用域，也就是说这段代码中的任何声明(变量或函数)都将绑定在这个新创建的函数作用域中，而不是先前所在的作用域中。...• 匿名函数表达式的缺点： 1. 匿名函数在栈追踪中不会显示出有意义的函数名，这使调试很困难。 2....(这也就是变量提升) 3.4.1 with • 在词法作用域中介绍了 with 关键字，它不仅是一个难于理解的结构，同是也是一块作用域的一个例子(块作用域的一种形式)，用 with 从对象中创建出的作用域仅在

2921 0

applycallbind、作用域闭包、this指向(普通,箭头,JSVue的this)

，有的先用undefined占个空，这些变量共同组成的词法环境，即为执行上下文环境。...广义来讲：JavaScript中的函数都是闭包狭义上讲：JavaScript中一个函数，如果访问了外层作用域的变量，那么它一定是一个闭包。...箭头函数–this–确定时机（定义）（1）箭头函数没有自己的this, 它的this是继承而来;（2）默认指向在定义它时父级作用域(函数作用域)的this，而不是执行时的对象。...也可理解为：默认指向最近作用域( 【函数作用域】/【代码块】)中的this（2.1）最近作用域：可以理解为是函数作用域，或者是代码块。注意，对象的**{}**不是代码块。...（3）所谓父级，可以理解为：箭头函数外层的打印console.log(this)，这个this指向谁就是谁（4）父级作用域准确来讲是父级的函数作用域demo案例const message = '全局message'const

1141 0

python中作用域与函数嵌套

视频内容 ---- 本节知识视频教程文字讲解开始：一、作用域作用域：可以被影响的范围。全局变量：在最外层声明的变量。局部变量：在某些代码块声明的变量。...二、函数的嵌套在python中是运行函数嵌套定义使用的。注意：函数体内部定义的函数也必须要手工调用才能使得有函数中的效果，否则默认是不被调用执行的。...("P4中的结果=",fff+eee) P4() P3() 函数嵌套的作用范围在函数体内部定义的函数需要在函数体内部调用，默认不能在全局的作用范围的最顶层调用这个函数的。...三、解决问题的思路 1.带有红色下划线的报错，它是一种语法报错 2.异常报错，先调试，实在不行，可以将报错去直接搜索引擎直接搜索报错 3.搜索问题的知识点。四、总结强调 1.作用域。...2.函数的嵌套。注意点，在内部定义的函数被调用时候会自动调用其父级函数。函数也有作用范围。 3.解决问题的思路。 4.一定要主动多测试代码。

7172 0

箭头函数中的this值

所以解决办法的其中一个就是在ZnHobbies函数中写入 var that = this; 然后将this替换成that，所以输出的结果中，就有了lucifer的名字啦。...还有的一个办法就是将ZnHobbies函数下的map改写成箭头函数： ZnHobbies: function () { this.hobbies.map((hobby)=...也可以显示出来啦！...为什么箭头函数可以达到这样的效果呢？是因为箭头函数没有它自己的'this'值。它的this值是继承于它的父作用域的。...所以它不会随着调用方法的改变而改变，所以这里的this值就指向它的父级作用域，而上一个this指向的是Lucifer这个Object。所以我们就能准确得到Lucifer的name值啦。

2.2K2 0

JavaScript中的作用域和作用域链

作用域(Scope) 1. 作用域作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性。换句话说，作用域决定了代码区块中变量和其他资源的可见性。...全局作用域在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：最外层函数和在最外层函数外面定义的变量拥有全局作用域 var outVariable = "我是最外层变量...3.函数作用域函数作用域,是指声明在函数内部的变量，和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部。...你基本上可以用 let 来代替 var 进行变量声明，但会将变量的作用域限制在当前代码块中。块级作用域有以下几个特点： 1.声明变量不会提升到代码块顶部。...}) () //直接调用函数 }) () //直接调用函数在上面代码中，JavaScript 引擎首先在最内层活动对象中查询属性 a、b、c 和 d，从中只找到了属性 d，并获得它的值（

2.2K1 0

【说站】javascript中函数作用域的介绍

javascript中函数作用域的介绍 1、调用函数时创建函数作用域，函数执行后销毁函数作用域。 2、每次调用函数都会创建一个新的函数作用域，它们是相互独立的。...全局作用域的变量可以在函数作用域中访问，函数作用域的变量不能在全局作用域中访问。...当在函数作用域中操作一个变量时，它会首先在自己的作用域中找到，如果有，它会直接使用，如果没有，它会在上一级作用域中找到，直到找到整体作用域，如果整体作用域中仍然没有，它报错ReferenceErrror...); console.log(b * 3); } function add(a) { return a + 1; } var b; calculate(2); // 21 以上就是javascript中函数作用域的介绍

4184 0

JavaScript中的箭头函数

它继承自父作用域（也称为词法作用域）。在这种特殊情况下，箭头函数被作为参数传递给startBtn.addEventListener()方法，该方法位于全局作用域中。...因此，函数处理器中的this也被绑定到全局作用域中--也就是Window对象。因此，如果你想让this引用程序中的开始按钮，正确的做法是使用一个常规函数，而不是一个箭头函数。...事实上，上下文已经发生了变化，因为现在this在一个非绑定的或全局的函数中，它被作为参数传递给.setInterval() 。因此，this关键字的值也发生了变化，因为它现在被绑定到全局作用域。...因此，this.title和this.likes未能分别引用对象的属性title和likes。这次，问题出在箭头函数的词法作用域上。...然而如果我们使用箭头函数，this将会指向父作用域，上面没有message属性： new Vue({ el: app, data: { message: 'Hello, World!'

2.1K2 0

Rust中的作用域及作用域的规则

每个值只有一个所有者，而且每个值都有它的作用域。一旦当这个值离开作用域，这个值占用的内存将被回收。 fn main() { let value1 = 1; println!...("{}", value1); { let value2 = 2; } // 无法在value2的作用域之外使用该变量 // println!...("{}", s4); } // 所有权转移给了s3，此时该值的作用域也变成了s3的作用域，所以离开了s4的作用域该值还能访问 println!...在绝大多数情况下，生命周期和变量的作用域是一致的： fn main() { let i = 3; // i 的生命周期开始 { let borrow1 = &i; //...我们试图编写一个函数，该函数返回一个字符串 &str。但问题来了，字符串的内容 “Hello World!” 的作用域是函数体，而函数却试图返回它的引用。

4K3 0

js中扩充函数作用域(改变this指向)

结果分析说明 GetName函数是在全局环境中定义，所以直接调用函数this就指向了全局环境，所以输出Jack。...函数扩展this对象 es5提供了三个函数非继承的方法，可以直接改变this的指向，但是在书中说是扩充函数作用域，但是我认为改变this指向更贴切一点。...因为如果是扩充函数作用域，就不用加this来访问，但是我测试的是，必须加上this才能访问到扩充的作用域。...三个方法分别为：apply，call，bing,用法都比较简单，作用也都是改变函数的this指向，下面我就用代码来简单说明一下。...} var obj = {name:"Tom"}; GetName.apply(obj,["param1","param2"]); apply方法接受两个参数，第一个参数就是运行函数的作用域

2.6K1 1

python的函数（二）：作用域

我们在写函数时，时常需要引用全局的变量，或对全局变量赋值。又或者偶尔遇到局部变量与全局变量同名。在处理这些问题时，python语言的游戏规则是怎样的？今天我们就来学习这方面的内容。什么是作用域？...在python语言里，在函数内部定义的变量，仅在函数内有效。在函数外面定义的变量对全局有效。我们把这种变量的有效范围叫作变量的作用域。...也就是说，函数内的变量只对本函数有效，对外部没有影响。...for循环没有单独的作用域 for内部定义的变量在循环结束后变量仍然有效。...如： foriin range(3): a=i print(a)#打印结果2 总结简单总结一下变量作用域的规则：由内向外、由近及远。

7385 0

Python基础语法-函数-函数的作用域

在 Python 中，函数作为代码的模块化单位，可以实现代码的重用和简化。函数具有自己的作用域，即变量的可见范围，了解函数的作用域是编写高质量代码的关键之一。...变量的作用域在 Python 中，变量的作用域可以分为局部作用域和全局作用域。全局变量是定义在函数外部的变量，可以在程序的任何地方访问。...如果在函数内部定义了一个同名的局部变量，那么函数内部的操作将只针对局部变量。如果函数内部想要访问全局变量，可以使用 global 关键字来声明。...my_func() 函数中定义了一个同名的局部变量 count，值为 1，函数内部输出 1。但是，函数外部的 count 仍然是全局变量，输出为 0。...函数内部将全局变量 count 的值修改为 1，并输出 1。函数外部的 count 也被修改为 1。

3583 1

js中的作用域

前言相信自从es6出来之后，你一定多少知道或者已经在项目中实践了部分的块级作用域，在函数或者类的内部命名变量已经在使用let了，但是你知道它真正的作用是什么吗？...，函数内可以访问外部作用域，而全局是不可以访问函数作用域内的变量或者方法的 var a=b=c=12 function demo(){ var z=13 console.log(b)//12...，利用了函数的链接作用域的特点，同时可以对外暴露部分，将我们需要的部分保留在内存中。...块级作用域场景一循环中的块级作用域如果我们有一个遍历循环的绑定事件，并且需要把当前的指针绑定到对应方法中。...,利用let块级作用域特性,区别就是定义变量时 i是块级变量，所以定义的函数中的变量也是当时的块级作用域，不随外面非块级元素值变化影响 var arr=[] for(let i=0;i<10;i++)

3.2K2 0

【Groovy】Groovy 脚本调用 ( Groovy 脚本中的作用域 | 本地作用域 | 绑定作用域 )

文章目录一、Groovy 脚本中的作用域 ( 本地作用域 | 绑定作用域 ) 二、Groovy 脚本中的作用域代码示例一、Groovy 脚本中的作用域 ( 本地作用域 | 绑定作用域 ) ----...2 个变量都可以打印 , 都是合法的变量 ; 但是有如下区别 ; age 变量的作用域是本地作用域 , 相当于 private 私有变量 ; age2 变量的作用域是绑定作用域 , 相当于 public...共有变量 ; 声明一个方法 , 在下面的函数中 , 可以使用绑定作用域变量 , 不能使用本地作用域变量 ; =/* 定义一个函数在下面的函数中 , 可以使用绑定作用域变量...错误 ; 二、Groovy 脚本中的作用域代码示例 ---- 代码示例 : 注意 , 此时代码中有错误 , println "$age" 代码 , 中的 age 是本地作用域变量 , 在函数中无法访问到..., 会报错 ; 函数中只能访问绑定作用域的变量 ; /* 下面的 age 和 age2 都是变量定义 age 变量的作用域是本地作用域 age2 变量的作用域是绑定作用域

1.3K2 0

《你不知道的JavaScript》：函数作用域和块作用域

常见的作用域形式在JS中，最常见的作用域是函数作用域，其他结构通常不会创建作用域。但随着js的迭代，现在也有了块作用域，将在后面讲到。...而函数作用域的含义是指：属于这个函数的全部变量都可以在整个函数的范围内使用及复用，包括在嵌套的函数作用域中也可以使用。函数作用域的常规套路是，先声明一个函数，然后向函数中添加代码实现。...console.log(fn); //ReferenceError: fn is not defined 上例中，假设代码所处作用域为全局作用域，foo函数的访问作用域是全局作用域，fn函数的访问作用域被绑定在函数表达式自身的函数中而非所在的全局作用域...匿名函数表达式的应用非常常见，很多工具或库都有用到，但其也存在几个缺点：匿名函数在栈中不显示有意义函数名，调试困难；由于没有函数名，所以如需调用自身，比如递归或者事件触发后事件监听器需要解绑自身等，...块作用域在ES5及之前版本中，js中的块作用域形同于无，实在要说的话，也只有try-catch中的catch部分定义的变量所在作用域是catch块中的，其他的都只是样子像，而本质上都不是块作用域，例如

9693 0

Python基础语法-函数-函数的作用域（二）

命名空间在 Python 中，每个函数都有自己的命名空间，用于存储函数内定义的变量。变量名只在相应的命名空间中可见，因此同名变量可以存在于不同的命名空间中而不会相互干扰。...在函数内部输出 count 的值，输出为 1。但是，函数外部没有定义 count 变量，因此会报错。作用域嵌套在 Python 中，函数可以嵌套定义。...内部函数可以访问外部函数的变量，但是外部函数不能访问内部函数的变量。如果内部函数定义了同名的变量，那么内部函数的变量会覆盖外部函数的同名变量。...内部定义了一个函数 inner_func()，并访问了外部函数的变量 count，将其值加 1 并输出 1。再次输出外部函数的变量 count，输出为 1。...在内部函数中修改外部函数的变量，需要使用 nonlocal 关键字来声明变量是外部函数的变量。如果不声明，Python 会将其认为是新的局部变量，导致外部函数的变量没有被修改。

3364 1

深入理解JavaScript中的作用域与作用域链

JavaScript 中的作用域与作用域链对于开发者来说至关重要，它们是理解和使用 JavaScript 的基础，例如代码模块化与封装，作用域允许开发者将变量和函数限制在特定的范围内，这有助于代码的模块化...另外也要理解作用域链与闭包，理解作用域链是掌握闭包概念的关键，闭包允许函数访问并操作其词法作用域之外的变量，这对于创建数据封装和私有变量非常有用。...在 JavaScript 中，有两种主要的作用域类型：全局作用域（Global Scope）和局部作用域（Local Scope）全局作用域全局作用域是指在代码执行的最外层定义的变量和函数。...在浏览器环境中，全局作用域通常指的是浏览器窗口对象（window）。...在 JavaScript 中，函数创建了一个新的作用域。

1262 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭