function 和 箭头函数

最新推荐文章于 2024-04-07 18:49:01 发布
最新推荐文章于 2024-04-07 18:49:01 发布
阅读量178 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/G88888888p/article/details/126760577
版权
本文详细比较了JavaScript函数与箭头函数的特性，重点阐述了它们在语法、this指向、参数处理和使用场景上的差异。箭头函数不具备自己的this，不支持new操作，也没有arguments对象，但可以通过扩展运算符实现类似的功能。对于开发者来说，理解这些差异对于编写高效、清晰的JavaScript代码至关重要。
摘要由CSDN通过智能技术生成

相同点

  1. 都是函数
  2. 都有局部作用域

不同点

  1. 语法不同

  2. this指向不同

    1. function指向调用它的对象
    2. 箭头指向上一层作用域里的对象

  3. 不定参伪数组

    1. function函数中有arguments
    2. 箭头函数没有arguments，但是可以使用...扩展运算符得到类似的形参集合

  4. 箭头函数不可以作为构造函数使用，不可以使用new调用

  5. 箭头函数不能改变this指向

  6. 箭头函数没有原型对象

  7. 箭头函数只能是匿名函数

.你我山巅自相逢.
关注
作用域 解构 箭头函数
liubibaoo的博客
07-10 389
1.局部作用域 就是定义局部变量的地方,执行完毕以后,内存立刻回收局部变量包括 在函数内部 ,for循环里面的变量2.在整个script标签或者整个JS都能访问的变量 属于全局变量,作用范围就是全局作用域整个.js文件中定义的变量 ,跨域文件和跨域script 标签也可以访问全局变量能跨域 .js文件和script标签3.作用域链 作用域链就是变量的逐级查找机制 ,遵循的原则是就近原则4.闭包 闭包 = 内层函数 + 外层函数的变量作用 : 拓展局部变量的作用范围 没事少用闭包 会造成内存泄漏
深度剖析 JS 的箭头函数 = ＞ 与普通函数 function 的区别
czjl6886的博客
02-11 5186
ES6 中添加了箭头函数的规范，在常用的前端框架，如 Vue，也会经常使用到箭头函数，今天我们就来深度学习箭头函数(arrow function)。本文主要介绍箭头函数的概念，重点介绍它与普通函数(function)的区别，包括基本语法、this指向、使用场景等。
箭头函数的作用域
let4897
10-01 2049
箭头函数的作用域是和定义这个箭头函数的父级上下文绑定在一起的 匿名函数的作用域是和定义匿名函数的上下文绑定在一起的 var obj = { id: 0, func: function(){ console.log(this.id); } } obj.func(); this.id = 1; var obj1 = { id: 2, func: () => console....
ES6箭头函数和它的作用域
hacke2' Blog
11-10 8031
在ES6很多很棒的新特性中, 箭头函数 (或者大箭头函数)就是其中值得关注的一个! 它不仅仅是很棒很酷, 它很好的利用了作用域, 快捷方便的在现在使用以前我们用的技术, 减少了很多代码……但是如果你不了解箭头函数原理的话可能就有点难以理解. 所以,让我们来看下箭头函数, 就是现在!
JS的箭头函数this作用域
weixin_30515513的博客
08-31 240
name="小刚"; let student={ name:"小明", printLog:function(){ // 这里绑定了顶层作用域，可以使用变量与方法 console.log(this) }, printArrowLog:()=>{ // 这里不知道绑定的是哪个作用域...
function和箭头函数
最新发布
09-06
而箭头函数（Arrow Function），是ES6引入的一种简化的函数语法，它通常有以下几个特点： 1. 箭头表达式更简洁：如果函数体只有一条语句，可以省略花括号和`return`关键字。 2. `this`绑定规则更直观：箭头函数的`...
ES6标准 Arrow Function（箭头函数=>）
10-15
ES6中的Arrow Function，也称为箭头函数，是JavaScript语法的一种新特性，它引入了一种更简洁、更直观的方式来定义函数。箭头函数的核心特点在于其简洁的语法和与众不同的`this`绑定规则。 1. **箭头函数的语法**：...
ES6标准 Arrow Function（箭头函数=）
11-21
ES6中的箭头函数是JavaScript语言的一次重大更新，它为编写函数提供了更为简洁和清晰的语法。箭头函数的引入主要解决了传统函数定义中的一些问题，如易错的拼写和冗余的代码。 首先，传统JavaScript函数的定义方式...
箭头函数及其作用域
jjw_zyfx的博客
10-05 479
<script> // 问题: 箭头函数中的this是如何查找的了? // 答案: 向外层作用域中, 一层层查找this, 直到有this的定义. // const obj = { // aaa() { // setTimeout(function () { // console.log(this); // window // ...
详解Javascript ES6中的箭头函数(Arrow Functions)
11-23
ES6可以使用“箭头”（=>）定义函数，注意是函数，不要使用这种方式定义类（构造器）。 一、语法 1. 具有一个参数的简单函数 var single = a => a single('hello, world') // 'hello, world' 2. 没有参数的需要用在箭头前加上小括号 var log = () => { alert('no param') } 3. 多个参数需要用到小括号，参数间逗号间隔，例如两个数字相加 var add = (a, b) => a + b add(3, 8) // 11 4. 函数体多条语句需要用到大括号 var add = (a, b) =>
C++知识点归纳（二）
qeqjkqjklq的博客
09-24 424
内联函数： 函数在class里面定义（侯老师的说法） 好处：快，好 注意：如果函数过于复杂，即使加了inline，编译器也无法把它识别为inline函数 访问级别 一般情况，数据和一些内部使用的函数都被定义为private，而想让外界调用的函数则被定义为public 由上述结果可以，想要访问私有变量，只能通过调用公有的方法来实现 注意：private和public没有严格的摆放顺序 构造函数 C++中，当创建一个对象时，有一个函数就会自动被调用，即使构造函数。 注意： 1、构造函数名称和类的名称一定要相
JS——作用域、解构、箭头函数
Axuangogo的博客
04-07 563
JS——作用域、解构、箭头函数
js解密]箭头函数的this作用域解析
mxd01848的博客
09-23 362
js解密]箭头函数的this作用域解析
双箭头函数词法作用域
一路斜阳的专栏
06-03 976
在这里我们先来看看词法作用域和动态作用域的区别，然后在来介绍双箭头函数的词法作用域。 词法作用域 　　词法作用域就是定义在词法阶段的作用域。也就是说词法作用域是由你在写代码时将变量和块作用域写在哪里决定的。比如： 　　 var a = 4; function foo(){ console.log(a) } function bar(){ var b = 3; foo...
箭头函数
叶才鑫
09-22 498
①当没有参数时，写一对括号()即可 ②当只有一个参数时，可以省略括号 ③当有多个参数时，用括号把各个参数括起来。 箭头函数的具体语法如下： () => { ... } // 没有参数 x => { ... } // 一个参数 一个标识符 (x, y) => { ... } // 几个参数
javaScript 11 作用域·箭头函数·数组解构进阶
嗨，朋友你好！我是前端领域的工作者
12-08 357
本文概述：javaScript作用域的范围与判定、箭头函数/剩余参数/动态参数的写法与展开运算符/数组解构的常见用法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值