JavaScript---JavaScript中函数的this的指向

最新推荐文章于 2024-03-07 12:58:03 发布
最新推荐文章于 2024-03-07 12:58:03 发布
阅读量82 收藏
点赞数
分类专栏： javascript 文章标签： javascript this的指向
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Cinderellahh92/article/details/107749008
版权

在学习函数中this，函数的调用方法：

普通函数调用；

构造函数调用；

对象方法调用。

函数的调用方式决定了 this 指向的不同，如下图：

调用方式非严格模式备注
普通函数调用window严格模式下是 undefined
构造函数调用实例对象原型方法中 this 也是实例对象
对象方法调用该方法所属对象紧挨着的对象
事件绑定方法绑定事件对象 
定时器函数window

 

92huahua
关注
专栏目录
JavaScript -- this详解
qq_48113035的博客
04-01 3133
一、第一章：关于this 1.两个误解 ●this指向函数自身 ●this指向函数的作用域 2.this究竟是什么？ this 是在运行时进行绑定的，并不是在编写时绑定，它的上下文取决于函数调 用时的各种条件。this 的绑定和函数声明的位置没有任何关系，只取决于函数的调用方式。 二、第二章：this全面解析 1.调用位置 最重要的是要分析调用栈（就是为了到达当前执行位置所调用的所有函数）。我们关心的 调用位置就在当前正在执行的函数的前一个调用中。 2.绑定规则 (1)默认绑定 (2)
web前端高级JavaScript - JavaScript中函数内的this指向
lixiaosenlin的专栏
09-09 5887
函数内的this指向 下表中列出的这些this的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this的指向不同，一般情况下会指向函数的调用者（谁调用指向谁）。 调用方式 this指向 普通函数调用 window 构造函数调用 实例对象，原型对象里的方法也指向实例对象 对象方法调用 该方法所属对象 事件绑定方法 绑定事件对象，如button 定时器函数 window 立即执行函数 window 下面我们用代码来一一进行验证：
JavaScript-类方法中this指向问题
CamphorBlossom的博客
12-30 1218
this关键字 与其他语言相比，函数的this关键字在 JavaScript 中的表现略有不同，此外，在严格模式和非严格模式之间也会有一些差别。它是当前执行上下文（global、function 或 eval）的一个属性，在非严格模式下，总是指向一个对象，在严格模式下可以是任意值。 全局上下文 无论是否在严格模式下，在全局执行环境中（在任何函数体外部）this都指向全局对象。 Note:你可以使用globalThis 获取全局对象，无论你的代码是否在当前上下文运行。 ...
JavaScript基础--改变this指向的方法
JJ_Smilewang的博客
05-10 4880
1. this指向 this随处可见，一般谁调用，this就指向谁。this在不同环境下，不同作用下，表现的也不同。 以下几种情况，this都是指向window的： ① 全局作用下，this指向的是window； console.log(window); console.log(this); console.log(window == this); // true ② 函数独立调用时，函数内部的this也指向window function fun() { console.log('我
JavaScript中this的指向-----构造函数
weixin_41646391的博客
02-18 709
上一篇文章中应该较为清楚的解释了关于this指向的问题；这篇文章中我们来说一下构造函数中的this我们来看下面的例子：function Fun(){ this.userName = "lzh"; } var a = new Fun(); console.log(a.userName); //lzh在这里对象a可以“.”出函数Fun里面的userName是因为关键字 new 可以改变this...
JavaScript函数---箭头函数
qq_45923489的博客
04-27 4035
// 箭头函数 let fun = (name) => { // 函数体 console.log(name) }; // 等同于 let fun = function (name) { // 函数体 console.log(name) }; 箭头函数语法比普通函数要简单很多 一、关于箭头函数的参数： 如果箭头函数没有参数，直接写一个空括号即可 若参数只有一个，也可以省去包裹参数的括号 若有多个参数，将参数依次用“，”隔开，包裹在括号中即可 // 没有参数 .
关于JavaScript中this指向的详解
weixin_45939221的博客
11-23 2140
关于JavaScript中的this指向以及改变this的三种方法
JavaScript 中的 this 指向和修改 this 指向的常用方法 - 个人总结版
最新发布
yzjandyyyYYDS的博客
03-07 1459
JavaScript 中的 this 指向和修改 this 指向的常用方法
JavaScript中this指向问题
m0_72752380的博客
10-28 1077
箭头函数本身没有this，箭头函数中的this与上级作用域中的this相同。函数还可以作为某个对象的方法调用，这时this就指向这个调用函数的对象。bind方法会将函数的this，永久捆绑在指定的对象上，不能改变。在let中声明的箭头函数，存储在脚本作用域中，
JavaScript---this
weixin_45827708的博客
03-24 863
解析器在调用函数时每次都会向函数内部传递进一个隐含的参数，这个隐含的参数就是this,this指向的是一个对象，这个对象我们称为函数执行的上下文对象，根据函数的调用方式的不同，this会指向不同的对象。 1.以函数的形式调用时，this永远都是window 2.以方法的形式调用时，this就是调用方法的那个对象 ...
JavaScript高级-this绑定规则+箭头函数
10-21
1. **默认绑定**：在非严格模式下，如果函数直接被调用，`this`会指向全局对象，如浏览器环境中的`window`。在严格模式下，`this`指向`undefined`。例如： ```javascript function foo() { console.log(this); }...
JavaScript程序设计-javascript中this的指向问题.pdf
11-02
在非严格模式下，普通函数调用时，如果函数在全局作用域中执行，`this`将默认指向全局对象。在浏览器环境中，全局对象是`window`；而在Node.js环境中，全局对象是`global`。在严格模式下，`this`将被设置为`...
as-this:用this指向第一个参数的javascript函数
05-01
与调用javascript函数this提到的第一个参数 主要是CoffeeScript用'@'代替长变量名的语法糖： 安装 npm install as-this 用法 作为（自己，fn） 调用函数，返回self对象： as = require ' as-this ' self = {} ret ...
JavaScript this在函数中的指向及实例详解
10-16
在 JavaScript 中，函数中的 this 关键字可以类比于现实生活中人的行为。例如，男神在北理珠吃饭，这里的“男神”可以看作是函数的主体（即 this），而“北理珠”则是函数执行的环境（context）。函数（吃饭）是行为...
Vue项目实现图片标注的功能（绘制矩形，圆，直线和点，撤销上一步和清空画布）
Cinderellahh92的博客
11-08 6709
111
JSON格式校验
Cinderellahh92的博客
03-18 4042
if (isNaN(Number(value))) { try { JSON.parse(value) callback() } catch (e) { callback(new Error('params is not JSON')) } } callback(new Error('params is not JSON')) }
递归实现斐波那契数列的方法
Cinderellahh92的博客
04-15 1363
斐波那契指的是这样一个数列：1、1、2、3、5、8、13、21、34...... 方法1：递归 function fb1(n){ if(n <= 2){ return 1; }else{ return fb1(n-1) + fb1(n-2); } } 但是当参数n变大时，出现浏览器假死现象。 方法2：尾调用优化 方法1的递归方法基础上进行尾调用优化： function fb2(n,res1 =1,res2 =...
Vue使用Vue-APlayer实现语音播放、下载功能
Cinderellahh92的博客
08-25 1078
Vue使用Vue-APlayer实现语音播放、下载功能
CSS---纯CSS实现公告中文字水平无限循环滚动
Cinderellahh92的博客
09-15 1021
wxml中 <view class='box'> <view class="animate" id='headerWidth' style='{{noticeTime}}'> <view class="animate_item" bindtap="toNoticeDetail" wx:for="{{noticeList}}" data-id="{{item.id}}" wx:key="index">{{item.title}}</view> &.
JavaScript this详解：理解函数调用中的指向
虽然`this`最初简单地指向类的当前实例，但在JavaScript这种混合了函数式编程和面向对象特性的语言中，其行为变得复杂多变。 1. **函数内的this**: - `this`在函数内部创建，并且默认情况下指向调用该函数的对象。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值