this与es6中的箭头函数

最新推荐文章于 2024-07-23 19:57:32 发布
最新推荐文章于 2024-07-23 19:57:32 发布
阅读量60 收藏
点赞数 1
分类专栏： js 文章标签： es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44948981/article/details/119778036
版权
  • this总是指向函数的直接调用者（而非间接调用者）
  • 如果有new关键字，this指向new出来的那个对象
  • 在事件中，this指向触发这个事件的对象，特殊的是，IE中的attachEvent中的this总是指向全局对象Window

在es6的箭头函数中

this指向的是所在对象的父级  原因就是箭头函数没有作用于 没有function定义，就没有形成自己的作用域 而且箭头函数  不能作为构造函数  也就是不能使用new关键字创建实例对象 

箭头函数本质上是一种简化的语法  

予你@。
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
ES6-箭头函数this指向
qq_43781887的博客
07-28 358
因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。因为箭头函数是没有this指向的，所以在click事件里面的回调函数就没有this，它会去上一层init里面去找，init也是一个箭头函数也没有this指向又到Page，然后找定义Page对象的作用域链就是window。...
关于ES6箭头函数中的this问题
08-27
ES6箭头函数中的this问题 ES6中新增了箭头函数这种语法，箭头函数以其简洁性和方便获取this的特性。然而，在箭头函数中this的指向却与一般函数定义的函数不同。箭头函数中的this是在定义函数的时候绑定，而不是在...
ES6 模板字符串基本用法
前端开发小白9527
08-18 245
1 声明 es6中引入新的声明字符串的方式[``] let str=`es6模板字符串`; console.log(str,typeof str); 2 内容中可以直接出现换行符 例如 let str=`es6模板 字符串`; 但是在常用的单引号''双引号中"" 不可以换行 3 变量拼接 let love="沈腾"; let out=love+"xxx是我认为最好的喜剧演员"; let out1=`{love}xxx是我认为最好的喜剧演员`; console.log(out.
项目登录功能实现
kiku
02-04 5030
1、 创建用户集合，初始化用户 真实的登录功能是需要用户信息做支撑，能登录的用户一定是网站的注册用户，用户的信息是存储在服务器端的数据库中的所以要实现登录功能就要先连接数据库，创建用户集合，初始化一个用户用来实现登录功能。 ① 连接数据库 在项目根目录中的model文件夹中新建一个conmon.js文件，用于写数据库连接的代码。 // 引入mongoose第三方模块 const mongoose ...
登录功能实现
王依米
10-21 293
navheader.vue里书写前端接口,用axios请求, routes/users.js写后端接口
大白话讲解Promise（一）
weixin_34353714的博客
03-11 504
去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。   ES6 Promise 先拉出来遛遛 复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？...
es6 封装一个登录注册的验证滑块
anchu7971的博客
12-27 641
1，需求分析 　　滑块从左滑到右，开始滑、结束滑两种状态。两种状态显示的内容和样式的不同。 　　　　　　　　 　　　　这是淘宝注册验证滑块的示例图 2，代码分析 const render = Symbol('render') const event = Symbol('event') class Slider { constructor (option...
ES6中箭头函数的this指向
weixin_43739375的博客
03-16 2771
一直以来对于ES6中箭头函数有些疑虑，其中一项就是this的指向问题，所以不敢放手去使用。因为跟之前我所熟悉掌握的函数内部this的指向是有些地方不同的，但是在箭头函数中this到底指向谁，这块儿模模糊糊的。所以为了搞清楚这个问题，就特意查阅了相关的资料，现总结下来。 在JavaScript语言里面，this的用途很广泛。在这里，对this的含义以及原理就不做解释和说明，因为本文的目的是阐明箭头函...
ES6 箭头函数及this指向
半夏_2021的博客
04-20 1674
ES6 中箭头函数及this指向
ES6中的箭头函数详细梳理
热门推荐
weixin_45709829的博客
04-03 2万+
一、箭头函数的介绍 1.1 什么是箭头函数 ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义。 1.2 基本语法 // 箭头函数 let fn = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fn = function (name) { // 函数体 return `Hello ${name} !`; }; 箭头函数在语法上比普通函数简洁多。箭头函数就是采用箭头=
ES6中的箭头函数实例详解
08-30
总结，ES6中的箭头函数提供了更简洁的函数定义方式，尤其是在处理`this`上下文时，能够避免传统函数中常见的`this`指向问题。然而，由于其特性限制，箭头函数并不适用于所有场景，开发者需根据实际需求选择合适的...
ES6中箭头函数的定义与调用方式详解
08-30
箭头函数与变量解构 箭头函数可以与变量解构结合使用，例如： ``` const full = ({first, last}) => first + " " + last; ``` 这个函数等同于： ``` function full(person) { return person.first + " " + ...
ES6新增的箭头函数
01-08
3. 箭头函数内部没有自己的this，使用的是外层函数的this var obj = { fn1:function(){ console.log(this); }, fn2:()=>{ console.log(this); } } obj.fn1(); //obj obj.fn2(); //window 4. 箭头
前端模块化CommonJS、AMD、CMD、ES6
警警的博客
07-23 1041
在前端开发中，模块化是一种重要的代码组织方式，它有助于将复杂的代码拆分成可管理的小块，提高代码的可维护性和可重用性。CommonJS、AMD（异步模块定义）和CMD（通用模块定义）是三种不同的模块规范，它们在定义模块、加载模块以及依赖管理等方面存在差异，并适用于不同的场景。
方案-基于云架构的校园信息化建设方案.pdf
最新发布
07-29
方案-基于云架构的校园信息化建设方案.pdf
【创新未发表】Matlab实现蛇群优化算法SO-Kmean-Transformer-LSTM负荷预测算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【创新未发表】Matlab实现北方苍鹰优化算法NGO-Kmean-Transformer-LSTM组合状态识别算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【创新未发表】Matlab实现蝗虫优化算法GOA-Kmean-Transformer-BiLSTM组合状态识别算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
【创新未发表】Matlab实现蛇群优化算法SO-Kmean-Transformer-LSTM组合状态识别算法研究.rar
07-29
1.版本：matlab2014/2019a/2021a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
请描述ES6的箭头函数中this与普通函数中this的区分。
06-12
在ES6的箭头函数中，this的指向与普通函数中的this有所不同。在普通函数中，this的指向是在函数被调用时动态确定的，它取决于函数的调用方式。而在箭头函数中，this的指向是在定义函数时确定的，它取决于函数定义时...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值