ES6函数

最新推荐文章于 2024-01-29 21:14:09 发布

肉圆子澡澡

最新推荐文章于 2024-01-29 21:14:09 发布

阅读量138

点赞数

分类专栏： ES6 文章标签： es

本文链接：https://blog.csdn.net/sdfsjhgh5324324/article/details/105723799

版权

ES6 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

函数

函数参数的扩展，箭头函数

参数的扩展：默认参数，不定参数

默认参数
基本用法：
在这里插入图片描述
不定参数
不定参数用来表示不确定参数个数，形如，…变量名，由…加上一个具名参数标识符组成。具名参数只能放在参数组的最后，并且有且只有一个不定参数。

基本用法
在这里插入图片描述

箭头有函数

箭头函数提供了一种更加简洁的函数书写方式

基本语法：参数 => 函数体

基本用法：
在这里插入图片描述
当箭头函数没有参数或者有多个参数，要用 () 括起来。

在这里插入图片描述

适合使用的场景
JavaScript 的 this 对象一直很令人头大，为了将外部 this 传递到回调函数中，那么有了箭头函数，就不需要这样做了，直接使用 this 就行。

不适合使用的场景
定义函数的方法，且该方法中包含 this

需要动态 this 的时候

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

肉圆子澡澡

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

ES6-7 - 箭头函数的实质、箭头函数的使用场景

Stephy_Yy

07-13

224

箭头函数返回对象 // 这种情况要要用(),否则会将对象的{}解释为块 const fn = (a, b) => ({a:1, b:2}) 箭头函数的特点 this指向由外层函数的作用域来决定，它本身没有this，不能通过call、apply、bind改变不能作为构造函数使用不可以使用arguments对象，该对象在函数体内不存在，可用rest代替不可以使用yield命令，因此箭头函数不能用作 Generator 函数。 function foo() { console.log('

es6函数之尾调用优化实例分析

10-15

ES6中的尾调用优化（Tail Call Optimization, TCO）是一项重要的性能提升策略，它针对函数调用在函数体的最后一步的情况。尾调用优化的主要目的是减少内存消耗，提高程序执行效率。当一个函数的最后一步是调用另一个...

参与评论您还未登录，请先登录后发表或查看评论

es6箭头函数_ES6 箭头函数的适用场景

weixin_39854923的博客

11-30

170

箭头函数（也称作“胖箭头函数”）无疑是 ES6 最流行的特性之一。他们引入了一种编写具体函数的新方式。ES5 语法示例：function ES6 箭头函数示例：var 后者看起来简洁很多！我们可以省略花括号而直接隐式的返回结果（仅在没有块体的情况下）。理解箭头函数与常规 ES5 函数的不同表现很重要。变化值得注意的是，箭头函数中可用的语法形式很多。例举一些常见的：1. 无参数如果函数没有参数，那么...

ES6箭头函数(三)-应用场景

金刚

08-15

417

直接作为事件handler document.addEventListener('click', ev => { console.log(ev) }) 作为数组排序回调 var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => { if (a - b > 0 ) { return 1 } else ...

【ES6】箭头函数的适用场景

在热爱技术的路上一直前行。

04-25

554

1.箭头函数适合：与this无关的回调，eg、定时器、数组的方法的回调（1）定时器回调（2）数组的方法的回调 let array = [11,23,24,34,44,500]; // 过滤出数组中是偶数的元素，组成新的数组 let result = array.filter(item => item % 2 === 0) console.log(result); 2.箭头函数不适合：与this有关的回调，eg、事件的回

箭头函数的应用场景

stphencurry的博客

03-23

459

案例一、点击盒子变色 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div { width: 200px; height: 200px; background-color: pink; } </style> </head> <bo

JavaScript ES6函数式编程入门经典_javascript_

10-01

JavaScript ES6函数式编程是现代Web开发中的重要概念，它为开发者提供了更高效、更简洁的编程方式。本文将深入探讨ES6中的函数式编程特性，帮助初学者掌握这一核心技能。 1. **箭头函数**：箭头函数是ES6引入的一种...

ES6函数实现排它两种写法解析

10-15

本文将详细解析如何使用ES6的函数实现这一思想，并对比ES6之前的老式写法。首先，让我们看看HTML部分，这里创建了一个无序列表`<ul>`，其中包含8个列表项`<li>`。CSS部分为这些列表项添加了基本样式，其中一个类`....

es6函数之尾递归用法实例分析

11-21

本文实例讲述了es6函数之尾递归用法。分享给大家供大家参考，具体如下：函数调用自身，称为递归，如果尾调用自身，就称为尾递归。递归非常耗费内存。因为需要同时保存成千上百个调用帧，很容易发生“栈溢出”错误...

ES6 函数新特性

01-08

【ES6 函数扩展】函数我觉得在任何一门语言中都非常的重要 , 可以简化代码 , 使代码结构更加清晰 , ES6 中也对函数进行了扩展 , 使函数使用起来非常的方便 , 简洁. 箭头函数箭头函数应该是对原函数书写方式...

es6箭头函数

香蕉你个芭呐呐的博客

10-31

1405

es6 箭头函数

ES6 —— 箭头函数

HuoZhiyan 的博客

03-16

662

ES——箭头函数，阮一峰大佬分析。

es6：箭头函数

小飞飞的博客

09-10

1391

先看一个普通函数:function add(a,b){ return a+b }add(2,2) //输出4箭头函数写法: add=(a,b)=>a+b add(2,2) //输出4总结一：箭头函数写法更简洁，省去了每次写function和renturn的关键词每个普通函数体内都有个this，而这个this指向的总是函数调用者，而箭头函数内部是没有this的，它

ES6之箭头函数

Hoskein的博客

12-08

339

let functionName =>(形参…){ 函数体 } 其他简写规则：当形参只有一个，而且不为其设置默认值时，包裹形参的小括号可以去掉。当函数体只有一条语句，包裹函数体的大括号可以去掉。

ES6中的箭头函数

yivisir的博客

07-17

645

ES6中的箭头函数一、基本用法 var arrow = v => v; var arrow2 = () => {do something}; var arrow3 = ({name,age}) => 'name:' + name + ' age:' + age; 等同于以下代码： var arrow = function (v){ return v; }; var arrow2 = function (){ do something; }; function ar

ES6篇——箭头函数

h907310116的博客

01-05

496

Hello！

es6箭头函数讲解

coldriversnow的专栏

07-28

428

如上是一个倒计时完之后显示一个hello文本的效果，在setInterval里面，如果我们直接写this的话，这个this是指向window的。除了简洁之外，箭头函数还有另外一个优点，就是函数体内的this的指向始终是指向定义它所在的对象，而不会指向调用它的对象，我们知道es5中的函数是谁执行它，它就指向谁。因为箭头函数的this是由定义它的对象决定的，对象的构造函数是顶层的，它的外层，没有this可以传进去给箭头函数使用。对象，该对象在函数体内不存在。对象，就是定义时所在的对象，而不是使用时所在的对象。.

箭头函数的适用场景