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

最新推荐文章于 2023-12-25 19:54:49 发布
最新推荐文章于 2023-12-25 19:54:49 发布
阅读量200 收藏
点赞数 1
分类专栏： javascript 面试题 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Frazier1995/article/details/116570936
版权

普通函数this指向

1.谁调用指向谁

2.自己调用指向window

3.当函数作为构造函数的时候 this指向构造函数实例

4.call/apply/bind 强制改变this指向

箭头函数原理

1.箭头函数的this，始终指向父级上下文

2.箭头函数不能通过call() 、 apply() 、bind()方法直接修改它的this指向

3.箭头函数内没有arguments，可以用展开运算符...解决

4.箭头函数是匿名函数，不能作为构造函数，不能使用new

5.箭头函数没有原型属性

温柔于心动
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
ES6——包括：ES6新增的语法（let、const、解构赋值、箭头函数、）、ES6内置对象的扩展（扩展运算符、Array.from()、find()、Set数据结构等）
官方小可爱√的博客
09-30 351
es6 1. let、const 和 var 的区别 let、const不可以重复声明，var 可以重复声明 let、const不可以变量提升，var 可以 常量const，但是他在创建必须要有初始值，并且不可以改变 块级作用域 在for循环中，条件的let相当于块级夫作用域 for(let i=0;i<10;i++){ // 循环体是子作用域 let i = hello } ...
ES6箭头函数、箭头函数与普通函数的区别
d_agege的博客
03-26 730
一、基本语法 ES6中允许使用箭头=>来定义箭头函数，具体语法，我们来看一个简单的例子： // 箭头函数 let fun = (name) => { // 函数体 return `Hello ${name} !`; }; // 等同于 let fun = function (name) { // 函数体 return `Hello ${name} !`; }; 可以看出，定义箭头函在数语法上要比普通函数简洁得多。箭头函数省去了function关键字，采
面试题44：call、apply与bind的用法和区别
qq_51066068的博客
06-12 312
​ 首先call、apply、bind的作用都是改变函数运行时this的指向。其次，在ES6的箭头函数下, call 和 apply、bind 将失效。
箭头函数总结
EmilyHoward的博客
11-14 608
箭头函数总结
call, apply, bind, 箭头函数与this?
weixin_43844696的博客
06-08 818
call, apply, bind 在 js 中，函数也是对象，同样也有一些方法，这里我们介绍三个方法，他们可以更改函数中的this指向： call fun.call(thisArg[, arg1[, arg2[, ...]]]) 它会立即执行函数，第一个参数是指定执行函数中this的上下文，后面的参数是执行函数需要传入的参数； apply fun.apply(thisArg[, [arg1, arg2, ...]]) 它会立即执行函数，第一个参数是指定执行函数中th...
call,apply,bind指定函数的this指向详解，功能细节，严格和非严格模式下设定this指向
阿牛哥的博客
08-10 340
call,apply,bind指定函数的this指向详解，功能细节，严格和非严格模式下设定this指向
箭头函数与普通函数区别
feixiang的博客
12-15 436
箭头函数与普通函数区别一、箭头函数是匿名函数，不能作为构造函数，不能使用new。二、箭头函数内没有arguments，可以用展开运算符…解决三、箭头函数的this，始终指向父级上下文（箭头函数的this取决于定义位置父级的上下文，跟使用位置没关系，普通函数this指向调用的那个对象）四、箭头函数不能通过call() 、 apply() 、bind()方法直接修改它的this指向。(call、aaply、bind会默认忽略第一个参数，但是可以正常传参)五、箭头函数没有原型属性 一、箭头函数是匿名函数，不能作为
一篇讲透：箭头函数、普通函数有什么区别
最新发布
~~~
12-25 7786
本文主要总结了箭头函数和普通函数的几大区别，箭头函数是ES6（ECMAScript 6）新增的使用箭头（=>）语法定义函数表达式的能力。任何可以使用函数表达式的地方，都可以使用箭头函数，并且它的语法比传统的函数表达式更加简洁。箭头函数虽然语法简洁，但也有一些场合不适用，需要根据不同的场景选择使用合适的函数。
箭头函数与普通函数的区别？
热门推荐
m0_62118859的博客
05-09 2万+
1. 箭头函数比普通函数更加简洁 如果没有参数，就直接写一个空括号即可 如果只有一个参数，可以省去参数的括号 如果有多个参数，用逗号分割 如果函数体的返回值只有一句，可以省略大括号 2. 箭头函数没有自己的this 箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。 3. 箭头函数继承来的this指向永远不会改变 var id = 'GLOBAL'; var obj = {
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
ES6中的箭头函数实例详解
08-30
这意味着，箭头函数不会像普通函数那样在各种上下文中改变`this`的指向，例如在事件处理函数或`setTimeout`中。 示例： ```javascript var o = { x: 1, func: function() { console.log(this.x); }, test: ...
深入理解JavaScript 箭头函数
10-16
这意味着在箭头函数中，this值是在函数定义时确定的，与普通函数不同，普通函数的this值是在调用时确定的。这就解决了传统JavaScript中函数的this指向问题，因为函数在不同的上下文中被调用时，其this值可能会有所...
js代码-箭头函数和普通函数的区别
07-16
这也是箭头函数和普通函数之间最显著的区别之一。 在作用域方面，箭头函数不会创建新的作用域，而普通函数会创建一个新的作用域。因此，箭头函数内部可以访问到定义它的作用域中的变量，而普通函数则不能。例如： ...
PHP 7.4 新语法之箭头函数实例详解
10-17
然而，`$this` 关键字在箭头函数中仍可以像普通闭包那样正常使用，允许访问类的成员： ```php array_map(fn($x) => $x * $this->modifier, $numbers); ``` ### 多行闭包 当前的箭头函数限制为只能包含一个表达式...
JavaScript箭头函数中的this详解
12-10
普通函数与箭头函数 普通函数指的是用function定义的函数： var hello = function () { console.log("Hello, Fundebug!"); } 箭头函数指的是用=>定义的函数： var hello = () => { console.log("Hello, ...
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
12-09
这意味着箭头函数不会像普通函数那样在`call`、`apply`或`bind`方法中改变`this`的指向。 这个特性在处理对象的方法时尤其重要。在传统的函数中，`this`通常在函数调用时基于调用方式确定，可能导致`this`指向错误...
深入理解JavaScript中的箭头函数
10-23
4. 箭头函数与普通函数的比较： - 箭头函数不能用作构造函数，不能使用`new`关键字调用。 - 箭头函数没有`prototype`属性。 - 箭头函数不能使用`yield`表达式，因此不能用于定义生成器函数。 5. 应用场景： - ...
js中 箭头函数与普通函数区别
03-24
箭头函数和普通函数的主要区别在于 this 的指向。箭头函数的 this 指向的是定义时所在的作用域，而不是执行时的作用域。另外，箭头函数没有自身的 arguments 对象，也不能使用 new 关键字调用。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

温柔于心动

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值