JS中内嵌函数中this关键字的使用

最新推荐文章于 2022-10-04 21:32:49 发布
最新推荐文章于 2022-10-04 21:32:49 发布
阅读量740 收藏
点赞数
分类专栏： javascript思考
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SUNrunning/article/details/79319165
版权

在嵌套函数中，如果当做函数调用，那么this的值依赖于当前使用的是否为严格模式，在非严格模式下，this为全局上下文，否则为undefined,严格模式时报错如图：


在严格模式下




codeingant
关注
专栏目录
JS系列-函数的this指向
lcn87873932的博客
03-22 1592
隔了很久，今天开始陆续总结一下自己在学习js过程中值得反复阅读理解的知识点。道行浅薄，不足之处还请谅解，还原指正。本系列是js方向，后期还有vue3、ts、webpack等。有需要的伙伴也可以提前去github上面查看，顺便随手star一下~ 一、为什么需要this？ 1.1 this的好处 在常见的编程语言中，几乎都有this这个关键字，但是JavaScript中的this和常见的面向对象语言中的this不太一样： 常见面向对象的编程语言中，比如Java、C++、Swift、Dart等等一系列语言中，.
js中的this
weixin_41682025的博客
11-30 108
1.隐式绑定 如果函数调用时，前面存在调用它的对象，那么this就会隐式绑定到这个对象上 function fn() { console.log(this.name); }; let obj = { name: '123', func: fn }; obj.func() //123 如果函数调用前存在多个对象，this指向距离调用自己最近的对象 function fn() { console.log(this.name); }; let obj = { na
javascript 嵌套的函数（作用域链）
tianyuworkroom的专栏
02-06 2667
嵌套的函数（作用域链）当你进行函数的嵌套时，要注意实际上作用域链是发生变化的，这点可能看起来不太直观。你可把下面的代码置入firebug监视值的变化。 var testvar = window属性;var o1 = {testvar:1, fun:function(){alert(o1: +this.testvar+);}};var o2 = {testvar:2
嵌套函数中的this
weixin_30426879的博客
12-28 147
function countDown(){ var self = this; var doWork = function(){ console.log(this);//window console.log(self);//span }; doWork(); }; $(".outer").each(function(...
嵌套函数中的关键字this
yellowpig1210的专栏
07-24 1242
和变量不同，关键字this没有作用域的限制，嵌套的函数不会从调用它的函数中继承this。如果嵌套函数作为方法调用，其this的值指向调用它的对象。如果嵌套函数作为函数调用，其this值不是全局对象（非严格模式下）就是undefined（严格模式下）。很多人误以为调用嵌套函数时this会指向调用外层函数的上下文。如果你想访问这个外部函数的this值，需要将this的值保存在一个变量里，这个变量和内...
JavaScript—在嵌套的内部函数中调用外部this的方法
热门推荐
Just for funnnnnnnnnnnn
08-31 1万+
在javascript中经常出现函数中嵌套函数的情况。尤其是在对象函数中嵌套的函数，往往需要调用外部函数（对象函数）的this。但是如果直接在内部里调用this，得到的是当前函数（内部函数）的this。var obj = { name: 'jane', friends: ['tarzan','cheeta'], loop: function() { this.
JavaScript中this关键字使用方法详解
10-31
### JavaScript中this关键字使用方法详解 #### 一、引言 在面向对象编程语言中，`this`关键字是一个非常常见的概念。例如，在C++、C#和Java等语言中都有提供这一关键字，尽管初学时可能会觉得有些难度，但一旦理解...
JavaScript函数中的this四种绑定形式
10-19
即使函数内部嵌套其他函数，这些内嵌函数的`this`同样会指向全局对象。 2. **隐式绑定**（Implicit Binding） 当函数被一个对象的方法调用时，`this`会被绑定到那个对象。例如： ```javascript var obj = { a:...
JavaScript中的方法调用详细介绍
10-24
在方法调用过程中，函数的上下文（Context）会发生变化，其中的this关键字会指向调用该函数的对象。这一点与普通的函数调用有所区别，在普通函数调用中，this的值取决于函数是如何被调用的。 在JavaScript中，方法...
JavaScript中的函数与类
L1194774003的博客
02-05 1359
函数 JavaScript是一种基于对象的脚本语言，JavaScript 代码复用的单位是函数，但它的函数比结构化程序设计语言的函数功能更丰富。函数在JavaScript中非常强大，它可以独立存在，而且JavaScript 的函数可以作为一个类使用，是定义类的唯一途径（即函数与类定义方法基本相同，只是起名时习惯把函数定义成全小写，把类定义成首字母大写），与此同时，函数本身也是一个对象， 函数本身是...
JavaScript函数中的this指向
weixin_46261309的博客
02-04 444
函数的定义方式 function fn(){} var fn = function(){} var fn = new Function('参数1','参数2'..., '函数体') 第三种函数定义方式可以看出：使用了Function构造函数创建了一个函数，说明函数也是属于对象 函数的调用方式 普通函数调用 fn(); 对象调用 obj.fn(); 构造函数调用 new Fn(); 绑定事件函数 btn.onclick = function() {}; 定时器函数 setInter
js函数内部this指向（包含严格模式）
m0_46430338的博客
05-27 134
<button id="app">点击</button> <script> // 1. 普通函数 this ---> window function fun() { console.log('普通函数', this) } fun() // 2. 立即执行函数 this -----> window ;(function () {
javascript函数内的this关键字
程序员码工的专栏
03-25 572
在javascript函数内的this指的是谁？一句话： The word "this" within a function refers to the object calling that function. 举例子，如下javascript代码 function Ball(p) { // alert(this) // alert(this.construct
JavaScript函数内部this的指向
廊坊吴彦祖
12-30 391
函数基础复习 1.1 为什么要学习函数？ 将一段代码封装到一个函数体中，在需要的地方反复调用。 目的：减少代码冗余 1.2 函数创建和调用 函数声明创建 function 函数名(形参,形参…){ // 函数体 } 函数表达式 var 变量名 = function((形参,形参…){ // 函数体 }; 调用：函数名(实参,实参…) 1.3 函数的参数 应用场景：当函数内部需要函数外部数据时，...
js 【详解】函数中的 this 指向
朝阳39的博客
02-23 4746
执行时谁在调用函数，就指向谁
JavaScript中嵌套函数的this指向及修改
最新发布
qq_41625748的博客
10-04 947
首先，我们先看一段代码如果是下，运行结果是:；如果是下，运行结果是:；
JavaScript嵌套函数this的指向问题
weixin_34090562的博客
01-28 1226
var o ={ m:function(){ var self = this; console.log(this === o);//true f(); function f(){ console.log(this === o);//false console.log(self === o);//true } } };...
JavaScript函数中的this绑定解析
"本文将深入探讨JavaScript中的函数this的四种绑定形式，通过一个有趣的故事来解释这一核心概念。在JavaScript的世界中，this总是指向调用它的对象。我们将通过线路1介绍默认绑定，即当函数没有明确的调用对象时，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值