箭头函数和普通函数的区别

最新推荐文章于 2024-01-16 15:25:19 发布
最新推荐文章于 2024-01-16 15:25:19 发布
阅读量114 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/simple5960/article/details/109141429
版权

箭头函数的this永远指向其上下文的 this，任何方法都改变不了其指向，如call(), bind(), apply()
普通函数的this指向调用它的那个对象

Simple_IDE
关注
专栏目录
箭头函数和this的区别、JS中call、bind以及apply的区别
xxqxxz的博客
11-25 602
一、普通函数中的this: this总是代表它的直接调用者, 例如 obj.function ,那么function中的this就是obj; 在默认情况(非严格模式下,未使用 ‘use strict’),没找到直接调用者,则this指的是 window; 在严格模式下,没有直接调用者的函数中的this是 undefined; 使用call,apply,bind(ES5新增)绑定的,this指的是 绑定的对象。 箭头函数中的this: 1.箭头函数会捕获其所在上下文的 this 值，作为自己的 thi
this指向与call,apply,箭头函数 【你真的会了吗】
松鼠的一巴掌
04-08 226
话不多说，进入正题 this指向有四种模式： 默认绑定 隐式绑定 显式绑定 new绑定 优先级：new > 显示绑定 > 隐式绑定 > 默认绑定 默认绑定 发生在没有适应绑定规则时的规则。 通常是独立函数调用。 所以他才叫做默认呢 例子： let name = 'key' function Hi(){ console.log('Hello,', this.name); } Hi();//Hello,key 在调用Hi()时，应用了默认绑定，this指向全局对象（全局上下
[译]箭头函数 vs .bind()
weixin_34025051的博客
03-09 376
在我们实际使用中,经常用ES6的箭头函数来代替Function.prototype.bind(). 1.提取对象的方法 如果将一个对象的方法作为回调函数传入,你需要定义一个确定的this,否则它将作为一个函数来执行(this值可能是undefined, 也可能是全局对象).例如: obj.on('anEvent', console...
箭头函数与bind结合例题
wangshuai33的博客
10-05 602
下列代码执行后结果是什么，分析原因 const obj1 = { a:1, func:() => { console.log(this,this.a) } } const obj2 = { a:2 } obj1.func.bind(obj2)() 此时输出结果为 window undefine const obj1 = { a: 1, func: f...
判断this绑定对象的方法
qq_43558459的博客
10-07 250
this的指向问题是JS中比较经典的问题，也很重要。在看了《你不知道的JavaScript》之后，想来总结一下。 关于this先要知道几个点 this指向是在函数调用时才绑定 它的上下文取决于函数调用时的各种条件 this的指向取决于函数的调用方式 通过函数的调用位置找到对应的绑定规则，确定this的指向（箭头函数单独说） 四条绑定规则 默认绑定 主要像一些独立函数的调用。非严格模式指向全局对象，严格模式指向undefined 隐式绑定 当函数引用有上下文对象时，隐式绑定规则会把函数调用中的this绑
【面试】new原理、箭头函数和普通函数区别
wusq的博客
09-13 1295
常考面试题 箭头函数与普通函数的区别 new原理
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
箭头函数和普通函数区别
09-07
箭头函数和普通函数在语法和功能上有一些区别。 1. 语法简洁性：箭头函数使用箭头(=>)来定义，省略了`function`关键字和大括号。如果函数体只有一条语句，箭头函数可以省略`return`关键字，并且自动返回该语句的...
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 798
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
js代码-014面试题--普通函数与箭头函数的区别
07-16
举个例子，对比普通函数和箭头函数的`this`行为： ```javascript let obj = { name: 'Alice', sayName: function() { console.log(this.name); }, arrowSayName: () => { console.log(this.name); } }; obj....
this指向 箭头函数中的this call、apply和bind方法的用法以及区别
daddykei的博客
04-24 1858
<script> // 对象中的函数叫方法 // this 是当前对象的引用 //如果函数是对象属性 或者类方法 this 就是当前对象 // 如果只是普通的函数 就是全局的对象 就是window let obj={ name :"hd", show:function () { // console.log(this); // 返回当前对象 ...
call, apply, bind, 箭头函数与this?
weixin_43844696的博客
06-08 840
call, apply, bind 在 js 中，函数也是对象，同样也有一些方法，这里我们介绍三个方法，他们可以更改函数中的this指向： call fun.call(thisArg[, arg1[, arg2[, ...]]]) 它会立即执行函数，第一个参数是指定执行函数中this的上下文，后面的参数是执行函数需要传入的参数； apply fun.apply(thisArg[, [arg1, arg2, ...]]) 它会立即执行函数，第一个参数是指定执行函数中th...
普通函数和箭头函数中的this指向总结 以及call，apply，bind方法区别+普通函数和箭头函数的区别
m0_52669454的博客
08-01 1399
普通函数和箭头函数中的this指向总结 以及call，apply，bind方法区别+普通函数和箭头函数的区别
【WEB前端-面试】this指向 call apply bind 箭头函数
主、Lantu的博客
04-01 236
1. this指向 这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同。 全局作用域下： this对象指向的是window对象 在对象里面：this的指向是当前该对象 在普通函数作用域下 在非严格模式下: this的指向依旧是window对象 在严格模式下: this的指向是undefined 在构造函数中：this指向实例对象 2. 改变函数内部 this 指向 2.1 call方法 call()方法调用一个对象。简单理解为调用函数的方式，但是
call() 、 apply() 、bind() 、箭头函数
Charlene_lx的博客
04-28 795
每一个Function对象都有一个apply()方法和一个call()方法 它们各自的定义： apply：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.apply(A, arguments);即A对象应用B对象的方法。arguments为b的参数.a为对象 call：调用一个对象的一个方法，用另一个对象替换当前对象。例如：B.call(A, args1,args2);即A对象调用B对...
一篇全——函数的this指向（箭头函数，call，apply，bind方法）
最新发布
m0_61698324的博客
01-16 472
this一般指向我们的调用者，箭头函数没有this，call,apply，bind改变函数this指向方法
javascript this 和 es6 箭头函数this 的理解以及call()、apply()、bind()的用法
qq_36416878的博客
03-22 1978
普通函数，记住三点：当函数作为对象的方法调用时，this就是该对象;当函数作为单纯函数调用时，严格模式下，this是undefined，非严格模式下是全局对象，浏览器中就是window;this不是变量，嵌套函数中的this不会从外层继承this值var obj = {   func: function() {},   say: function () {     var that = this;...
bind、call、alpay与箭头函数
weixin_30808253的博客
07-19 731
this 指向 介绍 说到 bind、call、alpay就要谈一谈在js代码中this 指向的问题了，大家都知道this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象 我们来举个例子： function test(){ console.log(this); } test(); //Window 复制代码按照...
详解JS中的this、apply、call、bind、箭头函数
星期一的博客
12-19 226
详解JS中的this、apply、call、bind、箭头函数 文章讲的很好，留存防止以后找不到。 点击链接查看
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值