• 首页 |
  • 资讯 |
  • 生活 |
  • 电脑 |
  • 互联网 |
  • 手机 |
  • 财经 |
  • 教育 |
  • 简易号 |
    • 　　
    　　
    　　
    　　
    您当前的位置：首页 > 电脑百科 > 程序开发 > 语言 > javascript

    关于JavaScript中this关键字指向的问题

    时间：2020-07-14 14:10:42  来源：  作者：
    + 加入收藏

    1.指向的是事件源

    关于JavaScript中this关键字指向的问题

     

    2. 读取对象中的方法时,此时的this指向当前对象

    关于JavaScript中this关键字指向的问题

     

    3. 未开启严格模式,全局下面的函数调用中的this指向window

    关于JavaScript中this关键字指向的问题

     

    4. 开启严格模式,全局下函数调用中的this指向undefined

    关于JavaScript中this关键字指向的问题

     

    5. 定时任务中的this指向window,以setinterval为例

    关于JavaScript中this关键字指向的问题

     

    6. 箭头函数中的this,指向的是箭头函数所在作用域的上一级作用域中的this

    关于JavaScript中this关键字指向的问题

     

    7. call、Apply和bind等方法可以改变this指向的问题,以call方法为例

    未调用call方法 obj中的c方法指向的this是obj对象

    关于JavaScript中this关键字指向的问题

     

    调用call方法并传入了window对象,此时obj中的c方法指向的this就变为window对象,bind 和 apply同理,另额外补充一句call方法和apply会立即执行该函数,bind方法不会立即执行,需要接受返回值,重新调用

    关于JavaScript中this关键字指向的问题

     



    Tags：JavaScript   点击:()  评论:()
    声明：本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com)，我们将及时更正、删除，谢谢。
    ▌相关推荐
    20条JavaScript代码简洁的写法
    1、通过条件判断给变量赋值布尔值的正确姿势// badif (a === 'a') { b = true} else { b = false}// goodb = a === 'a'2、在if中判断数组长度不为零...【详细内容】
    2021-12-24　　Tags: JavaScript  点击:(6)　　评论:(0)　　加入收藏
    前端新手必备常用JavaScript方法函数大全
    给新手朋友分享我收藏的前端必备javascript已经写好的封装好的方法函数，直接可用。方法函数总计：41个；以下给大家介绍有35个，需要整体文档的朋友私信我，1、输入一个值，将其返回数...【详细内容】
    2021-12-15　　Tags: JavaScript  点击:(20)　　评论:(0)　　加入收藏
    Javascript的New、Apply、Bind、Call知多少
    作者：一川来源：前端万有引力 1 写在前面Javascript中的apply、call、bind方法是前端代码开发中相当重要的概念，并且与this的指向密切相关。本篇文章我们将深入探讨这个关键词的...【详细内容】
    2021-12-06　　Tags: JavaScript  点击:(19)　　评论:(0)　　加入收藏
    快速了解JavaScript的DOM模型
    概述DOM全称Document Object Model，即文档对象模型。是HTML和XML文档的编程接口，DOM将文档（HTML或XML）描绘成一个多节点构成的结构。使用JavaScript可以改变文档的结构、样式和...【详细内容】
    2021-11-16　　Tags: JavaScript  点击:(35)　　评论:(0)　　加入收藏
    Javascript的应用-判断浏览器兼容性和收藏网页
    一、判断是否IE浏览器（支持判断IE11与edge）function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isIE = userAgent.indexOf("comp...【详细内容】
    2021-11-02　　Tags: JavaScript  点击:(40)　　评论:(0)　　加入收藏
    项目中不可忽视的JavaScript优化技巧
    Null、Undefined、空检查普通写法： if (username1 !== null || username1 !== undefined || username1 !== '') { let username = username1; }优化后...【详细内容】
    2021-10-28　　Tags: JavaScript  点击:(51)　　评论:(0)　　加入收藏
    JavaScript中的async/await详解
    1、前言async函数，也就是我们常说的async/await，是在ES2017(ES8)引入的新特性，主要目的是为了简化使用基于Promise的API时所需的语法。async和await关键字让我们可以用一种更简...【详细内容】
    2021-09-17　　Tags: JavaScript  点击:(61)　　评论:(0)　　加入收藏
    JavaScript 断点调试技巧
    为什么要使用 debugger这篇文章将介绍如何使用断点来进行 JavaScript 调试。在读这篇文章之前，需要问一个问题：为什么要使用断点来进行调试?我们首先需要认可使用断点的是必要...【详细内容】
    2021-08-26　　Tags: JavaScript  点击:(66)　　评论:(0)　　加入收藏
    13个JavaScript 一行程序，让你看起来像个专家
    JavaScript 可以做很多好玩的事， 从复杂的框架到处理API，有太多的东西需要学习。但是，它也能让我们只用一行就能做一些了不起的事情。1. 获得一个随机的布尔值（true/false）该函数...【详细内容】
    2021-08-19　　Tags: JavaScript  点击:(77)　　评论:(0)　　加入收藏
    JavaScript 数组操作必须熟练运用的 10 个方法
    JavaScript 提供了大量不同的处理数组的方法，这里花几分钟时间介绍 8 个项目中可以用到的数组方法。1. Array.map()使用.map() 方法，可以创建一个基于原始数组的修订版数组。....【详细内容】
    2021-08-19　　Tags: JavaScript  点击:(95)　　评论:(0)　　加入收藏
    ▌简易百科推荐
    20条JavaScript代码简洁的写法
    1、通过条件判断给变量赋值布尔值的正确姿势// badif (a === 'a') { b = true} else { b = false}// goodb = a === 'a'2、在if中判断数组长度不为零...【详细内容】
    2021-12-24　　Mason程　　　　Tags:JavaScript 　 点击:(6)　　评论:(0)　　加入收藏
    前端新手必备常用JavaScript方法函数大全
    给新手朋友分享我收藏的前端必备javascript已经写好的封装好的方法函数，直接可用。方法函数总计：41个；以下给大家介绍有35个，需要整体文档的朋友私信我，1、输入一个值，将其返回数...【详细内容】
    2021-12-15　　未来讲IT　　　　Tags:JavaScript 　 点击:(20)　　评论:(0)　　加入收藏
    js常用的工具函数大汇总
    1. 检测一个对象是不是纯对象，检测数据类型// 检测数据类型的方法封装(function () { var getProto = Object.getPrototypeOf; // 获取实列的原型对象。 var class2type =...【详细内容】
    2021-12-08　　前端明明　　　　Tags:js 　 点击:(23)　　评论:(0)　　加入收藏
    Javascript的New、Apply、Bind、Call知多少
    作者：一川来源：前端万有引力 1 写在前面Javascript中的apply、call、bind方法是前端代码开发中相当重要的概念，并且与this的指向密切相关。本篇文章我们将深入探讨这个关键词的...【详细内容】
    2021-12-06　　Nodejs开发　　　　Tags:Javascript 　 点击:(19)　　评论:(0)　　加入收藏
    快速了解JavaScript的DOM模型
    概述DOM全称Document Object Model，即文档对象模型。是HTML和XML文档的编程接口，DOM将文档（HTML或XML）描绘成一个多节点构成的结构。使用JavaScript可以改变文档的结构、样式和...【详细内容】
    2021-11-16　　海人为记　　　　Tags:DOM模型 　 点击:(35)　　评论:(0)　　加入收藏
    jQuery知识整理
    入口函数 /*js加载完成事件*/ window.onload=function(){ console.log("页面和资源完全加载完毕"); } /*jQuery的ready函数*/ $(document).ready(function(){ co...【详细内容】
    2021-11-12　　codercyh的开发日记　　　　Tags:jQuery 　 点击:(36)　　评论:(0)　　加入收藏
    Javascript的应用-判断浏览器兼容性和收藏网页
    一、判断是否IE浏览器（支持判断IE11与edge）function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串var isIE = userAgent.indexOf("comp...【详细内容】
    2021-11-02　　V面包V　　　　Tags:Javascript 　 点击:(40)　　评论:(0)　　加入收藏
    项目中不可忽视的JavaScript优化技巧
    Null、Undefined、空检查普通写法： if (username1 !== null || username1 !== undefined || username1 !== '') { let username = username1; }优化后...【详细内容】
    2021-10-28　　前端掘金　　　　Tags:JavaScript 　 点击:(51)　　评论:(0)　　加入收藏
    1分钟搞懂什么是 JS 代理对象（proxies）
    今天我们将尝试下花 1 分钟的时间简单地了解下什么是 JS 代理对象（proxies）？我们可以这样理解，JS 代理就相当于在对象的外层加了一层拦截，在拦截方法里我们可以自定义一些个性化...【详细内容】
    2021-10-18　　前端达人　　　　Tags:JS 　 点击:(51)　　评论:(0)　　加入收藏
    23 个超实用 JS 技巧
    带有多个条件的 if 语句把多个值放在一个数组中，然后调用数组的 includes 方法。// bad if (x === "abc" || x === "def" || x === "ghi" || x === "jkl") { //logic } // be...【详细内容】
    2021-09-27　　羲和时代　　　　Tags:JS 　 点击:(58)　　评论:(0)　　加入收藏
    推荐资讯
    聊聊如何自定义数据脱敏
    聊聊如何自定义数据脱    		河南人到底有多爱吃面？盘点河南13大名面，看看你都吃过哪几种？
    河南人到底有多爱吃面
    人称“犬中四煞”的4种狗，请认住它们的长相，看见了要绕路走
    人称“犬中四煞”的4    		离婚后，约定每月给孩子7000元抚养费，前夫却以再婚再育等为由想少给钱，法院这样判
    离婚后，约定每月给孩子
    “三皇五帝”分别是哪三皇，哪五帝？
    “三皇五帝”分别是哪    		印度低种姓群体如何翻身？途径确实有，但操作难度大
    印度低种姓群体如何翻
    日本研发“飞行摩托”，售价高达435万人民币，远销我国你会买吗
    日本研发“飞行摩托”    		2021年Steam最畅销游戏榜单公布
    2021年Steam最畅销游
    相关文章
    最新更新
    栏目热门
    栏目头条
    高级搜索
    网站首页 | 关于我们 | 服务条款 | 广告服务 | 联系我们 | 网站地图 | 免责声明 | 手机版
    Copyright @ 简易百科 V 2.0 ©2020-2022 ISOLVES.com | 电脑百科 | 生活百科 | 手机百科 | 简易号
    京ICP备14042104号　　 京公网安备 11010802035086号　　QQ：2595517585
    简易百科手机版