文章 2022-11-30 来自:开发者社区

夏天到了,了解一下JS的this指向问题

javascript的this在工作编写业务的过程中十分常用,面试中也是一个屡见不鲜的面试题,今天我们就来详解一下this的指向问题,首先来了解一下什么叫做this什么叫做this自身执行上下文就做作this,准确来说,this是指当前函数运行环境的运行时自动生成的一个对象;this并不是一成不变的,他会根据当前函数执行环境会做出相应不同的指向;this的指向this的运行环境有以下几种:全局使....

文章 2022-11-22 来自:开发者社区

JavaScript 中 this 指向详解

使用 JavaScript 开发的时候,很多开发者多多少少会被 this 的指向搞蒙圈,但是实际上,关于 this 的指向,记住最核心的一句话:哪个对象调用函数,函数里面的 this 指向哪个对象。this的几种模式:函数调用下,this 指向 window ,调用方法没有明确对象的时候,this 指向 window,如 setTimeout、匿名函数等;构造函数调用模式下,this 指向被构造....

文章 2022-09-13 来自:开发者社区

JS:Function对象call、apply、bind改变this指向

语法Function.length // 返回形参个数 Function.name // 返回函数实例的名称 Function.prototype.call(thisArg, arg1, arg2, ...) Function.prototype.apply(thisArg, [arg1, arg2, ...]) // 调用给定this值的函数 Function.prototype.bind(.....

文章 2022-07-10 来自:开发者社区

web前端-JavaScript中的call、apply和bind方法(改变this指向)

正文开始call()和apply()这两个方法都是函数对象的方法,需要通过函数对象来调用1.当不传递参数时,call和apply和函数调用的效果并无区别,this永远指向window2.在调用call()和apply()可以将一个对象指定为第一个参数,此时这个对象将会成为函数执行时的this3.call()方法可以将实参在对象之后依次传递bind()()为什么bind方法会有两个小括号?因为使用....

web前端-JavaScript中的call、apply和bind方法(改变this指向)
文章 2022-05-17 来自:开发者社区

不必硬背,彻底理解JavaScript中的this指向!(上)

1. 执行上下文提到 this,还得从执行上下文说起。在执行上下文中,包含了变量环境、词法环境、外部环境、this:网络异常,图片无法展示|实际上,this 是和执行上下文绑定的,也就是说每个执行上下文都有一个this,下面就来看看执行上下文的相关概念。(1)执行上下文概念执行上下文是评估和执行 JavaScript 代码的环境的抽象概念,当 JavaSciprt 代码在运行时,其运行在执行上下....

不必硬背,彻底理解JavaScript中的this指向!(上)
文章 2022-05-17 来自:开发者社区

不必硬背,彻底理解JavaScript中的this指向!(下)

(4)new绑定(构造函数)函数作为构造函数使用 new 调用时, this 绑定的是新创建的构造函数的实例:function Person(name,age){ this.name = name; this.age = age; this.say = function(){ console.log(this.name + ":" + this.age); } } var...

不必硬背,彻底理解JavaScript中的this指向!(下)
文章 2022-05-09 来自:开发者社区

学习javaScript必知必会(7)~Object类、修改this指向、继承关系

一、Object 类 (是所有类的父类/基类)1、使用Object 定义对象,无需定义类的构造器var p = new Object();2、为什么说Object是所有类的父类?因为当类被系统加载时,创建出该类对应的原型对象,如何创建类的原型对象呢?类名.propotype = new Object();即类的原型对象就是Object的一个实例二、修改this指向(使用call或apply方法)....

学习javaScript必知必会(7)~Object类、修改this指向、继承关系
文章 2022-05-09 来自:开发者社区

(鸡汤文)这一次我终于搞懂了 JavaScript 定时器的 this 指向!

开篇语忽然有一种感觉,每次学习一个知识点就像是谈一场恋爱:从初次邂逅,到彼此了解,一切都那么的符合恋爱的过程!如果这个知识点再有点”调皮“的话,那简直是让人欲仙欲死而又不可自拔!因为你永远不知道它还有多少面纱等着你揭开,当你自以为对它已经足够了解的时候,冷不防就是一个盲点迎面砸来。它简直就像一个”宝藏女孩“,你要时刻做好迎接”惊喜“的准备!可能正是因为这种新鲜感,我才能一直保持一种类似亢奋的状态....

(鸡汤文)这一次我终于搞懂了 JavaScript 定时器的 this 指向!
文章 2022-05-02 来自:开发者社区

#yyds干货盘点# 【js学习笔记十六】普通函数中的this指向问题解决方案apply

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷导语歌谣 歌谣 如下的代码报错了 怎么解决//口诀 谁调用就会指向谁 这边是普通函数 直接报错this.fang is not a function var na...

#yyds干货盘点# 【js学习笔记十六】普通函数中的this指向问题解决方案apply
文章 2022-05-02 来自:开发者社区

#yyds干货盘点# 【js学习笔记十五】普通函数中的this指向问题解决方案箭头函数

前言我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷导语歌谣 歌谣 如下的代码报错了 怎么解决//口诀 谁调用就会指向谁 这边是普通函数 直接报错this.fang is not a function var na...

#yyds干货盘点# 【js学习笔记十五】普通函数中的this指向问题解决方案箭头函数

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

开发与运维

集结各类场景实战经验,助你开发运维畅行无忧

+关注