web前端高级JavaScript - 一道题彻底理解函数中this指向和闭包作用域

最新推荐文章于 2021-10-12 10:49:51 发布
最新推荐文章于 2021-10-12 10:49:51 发布
阅读量5.7k 收藏 4
点赞数 1
分类专栏： WEB前端高级教程 文章标签： this指向 闭包作用域
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lixiaosenlin/article/details/109444350
版权
本文通过一道练习题详细解释了JavaScript中函数内的this指向以及闭包的作用域。在自执行函数中，this指向全局对象window，导致全局变量x的值变为12。接着，通过obj.fn调用匿名函数，此时this指向obj对象，利用闭包特性计算出obj.x的值为95。最后，再次调用fn，this返回到全局对象，x值变为234。文章以图文结合的方式清晰地展示了执行过程。
摘要由CSDN通过智能技术生成

关于函数中this指向和闭包作用域的一道练习题

  • javascript 代码
var x = 3,
	obj = {
   x: 5};
obj.fn = (function(){
   
	this.x *= 
最低0.47元/天 解锁文章
一笑程序猴
关注
专栏目录
web前端高级JavaScript - 关于变量提升this指向闭包作用域的一些练习题
lixiaosenlin的专栏
11-02 5916
变量提升作业 //1 console.log(a, b, c); // => undefined undefined undefined var a = 12, b = 13, c = 14; function fn(a) { console.log(a, b, c);// => 10 13 14 a = 100; c = 200; console.log(a, b, c);// => 100 13 200 } b = fn(10); c.
JavaScript面试题（作用域、闭包、this指向、综合面试题）
筱竹的博客
11-17 3202
一、变量声明和函数声明提升 ​ 先声明，再赋值 // 变量声明提升 // 案例 var a = 10; console.log(a) // 10 // 改动一下 console.log(a) // undefined var a = 10; // 总结 只有声明本省会提升，而赋值或者其他运行逻辑会留在原来的位置 // 函数声明提升 //函数声明和变量声明都会提升，但是函数会首先被提升，然后才是变量 //案例1 var a = 1; function a(){ } .
前端面试题-看代码说输出this（一）
Taozi_1379的博客
09-14 388
前端面试题-看代码说输出this（一）理论知识补充实例1--箭头函数实例2--普通函数 理论知识补充 作用域分为全局作用域，函数作用域，块级作用域 this永远指向的是调用它的，而非定义它的。 普通函数中调用， this指向window 对象方法中调用， this指向当前对象 call apply bind中调用， this指向被传入的对象 class中的方法中调用， this指向实例对象 箭头函数，this就是作用域中的this， 匿名函数的this指向的是window， 这俩的this是不能改变的。
THIS和闭包的综合练习题
qq_35895679的博客
11-18 157
写出下面代码的输出结果： var x = 3, obj = { x: 5 }; obj.fn = (function () { this.x *= ++x; return function (y) { this.x *= (++x) + y; console.log(x); } })(); var fn = obj.fn; obj.fn(6); fn(4); console.log(obj.x, x); 此题的图解： 全局代码执行形成一个
前端易错题--this、const
weixin_48391379的博客
10-12 272
以下代码会输出什么？ const x = 1; const obj = { x: 3, fun: function () { const x = 5; return this.x; }, }; const fun = obj.fun; console.log(fun(), obj.fun()); 答案： undefined 3 解析： （1）普通函数中的this是在调用的时候确定，谁调用 this就指向谁。普通函数中的定时器this指向window； ps：
web前端高级JavaScript - 两道题彻底理解闭包的作用域
lixiaosenlin的专栏
10-27 5773
闭包的作用域 为了更好的理解闭包的作用域，下面我们用一道题来展示闭包函数的执行过程和闭包的作用域 let x = 5; function fn(x){ return function(y){ console.log(y + (++x)); } } let f = fn(6); f(7); fn(8)(9); f(10); console.log(x); 文字解析： 1.首先不管三七二十八，上来还是先开辟一块栈内存（执行环境栈ECStack），用来供代码执行 2.然后形成一个全局上下文EC(
Web前端面试题目JavaScript(作用域，原型。原型链，闭包，封装函数).txt
07-06
前端面试题，包含JavaScript的闭包，作用域，原型，原型链，上下文环境以及DOM,BOM封装函数深度克隆，以及一些常见的·JS问题，试题简单但是容易混淆，作为前端工程师必考题
JavaScript中的作用域链和闭包
10-28
在JavaScript中，作用域和闭包是两个非常重要的概念，它们对于理解和编写高效、可靠的代码至关重要。让我们深入探讨这两个主题。 首先，我们来看一下**作用域**。作用域决定了变量和函数在何处可以被访问。主要有两...
深入理解javascript作用域和闭包
10-25
JavaScript中的作用域和闭包是理解其核心概念的关键。作用域决定了变量的可见性和生命周期，而闭包则是JavaScript中一种独特且强大的特性，允许函数访问并操作其外部作用域的变量，即使在其外部作用域已经结束的情况...
05_javascript函数
一点江山
10-06 180
函数 function 函数也是一个对象， 函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码）， 函数中可以保存一些代码在需要的时候调用 使用typeof检查一个函数对象时，会返回function。 函数的创建： 使用构造函数来创建一个函数对象 我们在实际开发中很少使用构造函数来创建一个函数对象 //创建一个函数对象 //可以将要封装的代码以字符串的形式传递给构造函数 var...
通过一道面试题对闭包，this指向问题加深理解
qq_43690408的博客
01-05 523
//js varx=1; varobj={ x:2 } obj.fn=(function(x){ this.x*=x++; returnfunction(y){ x+=y; this.x*=++x; console.log(x); ...
作用域和作用域链及this问题
zoepriselife316的博客
01-19 449
function A(y) { let x = 2; function B(z) { console.log(x+y+z); } return B; } let C = A(2); C(3); 创建函数的时候，已经把作用域声明好了： 创建一个堆（存储代码字符串和对应的键值对） 初始化了当前函数的作用域 [[scope]] = 所在上下文EC中的变量对象VO/AO（作用域指的是当前上...
解密 JavaScript 中的 this
charming的专栏
01-22 790
似是而非，这可能就是你对this的感觉 很疯狂，不是吗？在这篇短文，我想揭开它的神秘面纱。 this的工作原理 如果一个函数被作为一个对象的方法调用，那么this将被指派为这个对象。 1 2 3 4 5 6 7 8 var parent = {     method: func
js基础自测题目集（1）
weixin_44164982的博客
07-19 324
1.new test()和test()各自的执行结果？ var a=5; function test(){ a=0; alert(a); alert(this.a); var a; alert(a); } new test(); test();
js一些题目-this指向和变量提升
weixin_30675967的博客
10-08 130
　　 console.log在不同的地方也会导致不同 var a = 1; function b() { a = 10; return; function a() {} } b(); console.log(a); 2018年4月18日更新： 第一题： var a=3 va...
JavaScript中的this题2
chuntao_j的博客
10-21 662
unction a(xx){this.x=xx;return this}; var x=a(5);var y=a(6); console.log(x.x); console.log(y.x); 分析如下： 开始执行代码时，会创建一个全局对象window js执行代码过程可以分： 词法分析期和执行期 第一步词法分析包括：形参分析、实参分析、变量声明分析、函数声明分析。分析出的结果作为对
js关于this调用指向之滴滴面试题（2）
wzp20092009的博客
10-11 225
看到有朋友在滴滴的面试题 var x = 1; var kit = { x:2, buf:{ x:3, fac(){ return this.x; }, til: () => { return this.x; } } } var foo0 = kit.buf.fac; console.log(foo0()); console.log(kit.buf.fa...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值