百度360必应搜狗淘宝本站头条
mybatis 使用python中+=代表什么java中switch盒子垂直居中httpservletrequest 获取参数
当前位置：网站首页 > 技术文章 > 正文

ES6系列笔记-箭头函数

wxin55 2024-11-26 09:43 8 浏览 0 评论

ES6相关概念就不多解释啦，语法也成为了前端的主流，平时在很多场景开发中都会遇到，一下是关于ES6系列笔记的一些记录~

1：普通写法和箭头函数

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
    
        
        //箭头函数
         let  show=(a,b)=>{
            console.log(a+b);
         }
         show(1,6)
    </script>
</html>

2：数组排序
//数组排序一般写法

        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort(function(n1, n2) {
            return n1 - n2;
        });
        console.log(arr)

//箭头函数数组排序

        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort((n1, n2) => {
            return n1 - n2;
        });
        console.log(arr)

3:只有一个参数的时候，()可以省略
只有一个参数的时候,写法是这样的

let  show=(a)=>{
return a*2;
}
console.log(show(5))

()可以省略，写法是这样的

//只有一个参数 的时候()可以省略
let  show=a=>a*2;
console.log(show(5))

打印结果都是10


4： 只有一个return的时候，{}可以省略

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        // let arr = [1, 23, 45, 67, 3, 2, 22];
        // arr.sort((n1, n2) => {
        //  return n1 - n2;
        // });
        // console.log(arr)
        //只有一个return的时候，{}可以省略      
        //箭头函数数组排序,省略花括号
        let arr = [1, 23, 45, 67, 3, 2, 22];
        arr.sort((n1, n2) => n1 - n2);
        console.log(arr)
    </script>
</html>

示例

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
    <script>
        
        //箭头函数
        // let  show=(a,b)=>{
        //  alert(a+b);
        // }
        // show(1,6)
        
        //数组排序
        // let  arr=[1,23,45,67,3,2,22];
        // arr.sort(function(n1,n2){
        //  return  n1-n2;
        // });
        // alert(arr)
        
        //箭头函数数组排序
        // let  arr=[1,23,45,67,3,2,22];
        // arr.sort((n1,n2)=>{
        //  return  n1-n2;
        // });
        // alert(arr)
        
        //圆括号可以省略
        // let  show=(a)=>{
        //  return a*2;
        // }
        // alert(show(12))
        
        //只有一个参数 的时候()可以省略
        // let  show=a=>a*2;
        // alert(show(3))
        
        //箭头函数数组排序,省略花括号
        // let  arr=[1,23,45,67,3,2,22];
        // arr.sort((n1,n2)=>n1-n2);
        // alert(arr)
         //只有一个参数的时候，()可以省略
        // 只有一个return的时候，{}可以省略
    </script>
</html>

相关推荐

Java中List 和 Map、Set 的区别（list和set和map）

hello,大家好,我是霖仔java集合的大家了解,我再给大家说一下他们的区别,希望能够帮助到大家结构特点:List和Set是存储单列数据的集合，Map是存储键和值这样的双列数据的集合；Lis...

Java 集合框架全面解析:选对数据结构，提升开发效率

上一章我们详细介绍了各种常用的数据结构情况（参考：数据结构复杂度全览：如何选择最优结构？），本文结合关键数据结构，从列表（List）、队列（Queue）、集合（Set）、映射（Map）四个维度，深入解...

LinkedList竟然比ArrayList慢了1000多倍?(动图+性能评测)

数组和链表是程序中常用的两种数据结构，也是面试中常考的面试题之一。然而对于很多人来说，只是模糊的记得二者的区别，可能还记得不一定对，并且每次到了面试的时候，都得把这些的概念拿出来背一遍才行，未免有些麻...

LinkedList 底层源码深度解析（linkedlist底层数据结构）

目录1.引言2.LinkedList概述2.1类继承体系图2.2各个接口作用3.与ArrayList的对比4.底层数据结构5.核心方法源码解析5.1add()方法5.2a...

List的用法和实例详解——Java进阶知识讲义系列(四)

序欢迎来到全网最完整的Java进阶知识系列教程！！！每天定时更新！！！本期是Java进阶知识系列的第四讲，将分享Java常用的数据容器——集合类。集合类也分很多类型，比如：List、Set、Map、Q...

Rust高效集合操作（rust基本操作）

集合的分类Rust的集合类型主要分布在标准库的std::collections模块中，同时也包括语言内置的数组和字符串类型序列容器序列容器维护元素的顺序，适合需要按索引访问或顺序遍历的场景向量(...

Java八股文:核心知识点梳理（java八股文是啥）

一、Java基础1.Java基本数据类型8种基本类型：整型：byte(1),short(2),int(4),long(8)浮点型：float(4),double(8)字符型：char(2)布...

面试题:ArrayList和LinkedList有什么区别?

面试题

为什么我不推荐研发人员使用 LinkedList?

在Java集合框架中，LinkedList作为List的实现之一，经常被认为是ArrayList的替代方案。然而，在大多数实际场景下，我们并不推荐使用LinkedList，原因主要集中...

ArrayList 、 LinkedList、Vector的区别

ArrayList、LinkedList、Vector的区别如下：ArrayListLinkedListVector结构动态数组双向链表动态数组是否线程安全否否是效率遍历查找快，插入删除慢插入删除...

(2020 )Java最新面试笔试题答案解析(一)

Java中的集中基本数据类型是什么？各占用多少字节？【数值型】—（整数类型）byte（1字节）short（2字节）int（4字节）long（8字节）拓展：Java中的数据类型除了上面的基本...

超简单五步实现Linux虚拟机CentOS 7系统Root密码忘记重置

环境：CentOS7.5重置root密码：1.CentOS7虚拟机开机，将鼠标光标移动至虚拟机内。2.在虚拟机中使用键盘上↑和↓键将选择行设置为第一行（背景高亮即为选中），按下键盘上的e，进...

吊轨门和推拉门哪个好?北京今朝区别介绍看完不入坑

厨房到底使用什么门好？相信这是大多数业主都比较抓狂的事情，其实在装修中材料的选择最终还是要依据空间而定，那么吊轨门和推拉门哪个好呢？下面就跟随北京装修网一起来看看吧！吊轨门与推拉门介绍吊轨门吊轨门的特...

〖省钱宝典〗不花冤枉钱，少走弯路!居家中推拉门如何设计?

想要空间最大程度的显大？想要充足的光线？又想拥有合理的区域划分？那么推拉门是你绝对不能错过的好选择。推拉门的设计轻盈简洁，绝对是室内每个空间的福音。它不仅可以最大化地节省空间，方便了居室的功能划分和利...

吊趟门与推拉门有什么区别?（吊趟门贵还是推拉门贵）

吊趟门与推拉门的区别很多人在购买的时候并不清楚，有些客人甚至根本分不清吊趟门和推拉门，今天小编就给大家讲讲吊趟门与推拉门的相关内容，看看吊趟门与推拉门的区别有哪些?1、推拉门采用以门扇下滑轮为主支撑点...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表