普通函数与箭头函数

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

普通函数与箭头函数

普通函数语法 function（）{ }
例如：
let add = function（）{
console.log(1)
}
add()
普通函数：this的指向， 是指谁调用了这个函数，this就指向谁

箭头函数语法 （）=>{ }
简写：箭头函数参数，只有一个可以把（）省略，函数体只一句js代码，可以省略掉{ }
let add =（）=>{
console.log(2)
}
add()
箭头函数中：this的指向，指的就是上下文中的this(是指父函数下和他同级的this)

箭头函数的注意点：

  1. 箭头函数中没有arguments 对象（用扩展运算符代替. . .）
  2. 箭头函数：不可以用做构造器
  3. this指向的就是定义时（上下文中的this）
函数与Symbol
zzzlln的博客
12-21 240
函数与Symbol 利用symbol对数组去重 箭头函数this指向 掌握数字类型新用法 掌握对象新用法 掌握箭头函数 掌握拓展运算符 熟练运用symbol类型 1.数字类型的用法 (1)、传统写法 在ES5中，我们存在几个全局函数isNaN函数，isFinite函数，parseInt函数，parseFloat函数等，对于这些全局函数的使用很简单，就拿isNaN函数来举例。 ES5中的写法是： 以上两种写法均可，isNaN是全局函..
JavaScript普通函数与箭头函数有怎样的区别？
艾编程带你学前端博客
12-27 1096
比较点普通函数箭头函数具体案例简写/箭头函数如果没有参数，同时函数体的返回值只有一句，则{}和return都可以省略。1、函数简写this指向this总是指向调用它的对象，如果作为构造函数，它指向创建的对象实例箭头函数的this指向的是父级作用域的this，是通过查找作用域链来确定 this 的值，也就是说看的是上下文的this，指向的是定义它的对象，而不是使用时所在的对象。2、this指向this改变call()、apply()、bind()等方法能改函数中this的指向。
JavaScript普通函数和箭头函数
m0_46264231的博客
10-17 588
普通函数和箭头函数的指向和更改指向 1.函数内部的this指向 这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同 一般指向我们的调用者. 2.改变函数内部 this 指向 2.1 call方法 call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向 应用场景: 经常做继承. var o = { name: 'andy' } function fn(a, b) { console.log(this);
箭头函数
qq_52207728的博客
04-21 897
箭头函数： （1）认识箭头函数： 由于普通函数使用过于麻烦，于是出现了箭头函数，但箭头函数都是匿名函数，故只有将其赋值给变量才能调用，这点不像普通函数即可以声明也可以赋值 const add = (x, y) => { return x + y; }; console.log(add(1, 1)); // 2 （2）箭头函数结构： const/let 函数名 = 参数 => 函数体； （3）如何将一般函数改写成箭头函数： // 声
函数和箭头函数
huijie_0716的博客
06-08 142
一、 函数分类： 1、有参数 有返回 var x=string.split(','); 2、无参数 有返回 var x=string.trim(); 3、有参数 无返回 forEach(function(){}) 4、无参数 无返回 没有二、 函数的返回值返回值的作用：返回上级调用者三、最大值和最小值 四、 一、 匿名函数:1、立即执行；2、方法参数，事件回调 二、点击 三、 箭头函数 是匿名函数的
js代码-014面试题--普通函数与箭头函数的区别
07-16
JavaScript是Web开发中不可或缺的一部分，其语法特性多样且灵活，其中普通函数与箭头函数是两种常见的函数定义方式。在JavaScript的世界里，理解和掌握它们之间的区别对于开发者来说至关重要，尤其是在面试过程中，...
JavaScript中的普通函数和箭头函数的区别和用法详解
12-01
javaScript 中的箭头函数 ( => ) 和普通函数 ( function ) 有什么区别？ 我当时想的就是：这个问题很简单啊~（flag），然后做出了错误的回答…… 箭头函数中的 this 和调用时的上下文无关，而是取决于定义时的上下文...
掌握JavaScript：普通函数与箭头函数的区别
普通函数与箭头函数之间存在多个重要的区别，这些区别对于理解JavaScript函数的使用以及面试中的相关问题回答至关重要。 首先，普通函数可以通过`function`关键字声明，而箭头函数则是通过`=>`符号来定义。箭头函数...
箭头函数&普通函数
噶古
11-23 1191
1.箭头函数 箭头函数的语法比普通函数更简洁，是一个匿名函数，不能作为构造函数，且不能使用new //普通函数 let fun = () => { console.log("箭头函数") } //普通函数 function fun(){ console.log("普通函数") } 箭头函数有两种格式：一种是{。。。}和return ,另一种是把二者省略掉 1-1.不能使用new let fun = () =>{ console.log("箭头函数"); } let fn = new fun()
普通函数与箭头函数的区别
weixin_34366546的博客
04-19 310
箭头函数 let fun = () => { console.log('lalalala'); } 复制代码普通函数： function fun() { console.log('lalla'); } 复制代码箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能...
这一次，彻底搞懂普通函数和箭头函数
weixin_30432179的博客
07-09 323
ES6中新加入的箭头函数语法，深受广大开发人员的喜爱，也是平时前端面试过程中经常会被问到的典型题目。在这里，本文就箭头函数与普通函数的区别进行一些分析。希望在您看完这篇文章后，对普通函数和箭头函数的区别及用法有个深刻的认识，以便应用于实际开发中！如果此文对您有帮助，麻烦点个赞^_^1.箭头函数中的this和普通函数中的this对比：function a () { console.l...
普通函数和箭头函数
weixin_39407291的博客
08-28 358
一、普通函数： //具名函数 function func(){ //code } //匿名函数 let func = function(){ //code } 代码说明： （1）.第一个是具名函数，使用严格的函数声明语法创建。 （2）.第二个是匿名函数，它的本质是声明一个变量并赋值为一个匿名函数对象（函数没有名称）。 二、箭头函数： 箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略
箭头函数转化为普通函数_理解普通函数和箭头函数的区别点
weixin_39933484的博客
11-30 589
普通函数在es5中就有了，箭头函数是es6中出现的函数形式，当然也可以继续用普通函数。普通函数大家知道：形式基本一致来看看箭头函数：开发时根据实际情况可以省略一些东西单条处理可以省略return和{大括号}单个参数可以省略(小括号)箭头函数不能作为构造函数 不能new。会报错 箭头函数不绑定arguments，但是可使用...rest参数这是普通函数arguments，可以使用这是箭头函数的，用了...
箭头函数转化为普通函数_Javascript 中普通函数和箭头函数的区别
weixin_39897749的博客
11-30 779
箭头函数是 ES6 中引入的新特性，它使我们在编写函数表达式的语法更加简洁。虽然普通函数和箭头函数的工作方式类似，但是它们之间还是存在一些差异。语法// ES5 var add = function(x, y) { return x + y; }; // ES6 let add = (x, y) => { return x + y }; 从上面箭头函数的例子可以看出，箭头函数允许开发人员...
一篇讲透：箭头函数、普通函数有什么区别
最新发布
~~~
12-25 9207
本文主要总结了箭头函数和普通函数的几大区别，箭头函数是ES6（ECMAScript 6）新增的使用箭头（=>）语法定义函数表达式的能力。任何可以使用函数表达式的地方，都可以使用箭头函数，并且它的语法比传统的函数表达式更加简洁。箭头函数虽然语法简洁，但也有一些场合不适用，需要根据不同的场景选择使用合适的函数。
箭头函数与普通函数对比
qq_36223144的博客
03-27 496
箭头函数与普通函数的区别： 箭头函数的this指向规则： 1. 箭头函数没有prototype 直接看个例子就能说明： let a = () =>{}; console.log(a.prototype); // undefined function b() {}; console.log(b.prototype); // {constructor: ƒ} 2.箭头函数的this指向在定义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值