1 箭头函数

1.1 以往js

  • function 名字(){ 其他语句 }

1.2 现在ES6

  • 修正了一些this，以前this可以变 ()=>{ 其他语句 }
  • 如果只有一个参数,()可以省 。如果只有一个return，{}可以省

1.3 对比代码如下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>箭头函数</title>

    <script>

        // 原先js中的函数使用

        // window.onload = function() {

        //     alert('abc');

        // };

        //现在ES6的转变箭头函数使用方法

        // window.onload = () => {

        //     alert('abc');

        // };

        // js带有函数命名的使用方法

        // let show = function() {

        //     alert('abc')

        // };

        // show();

        // ES6带有箭头函数命名的使用方法

        // let show = () => {

        //     alert('abc')

        // };

        // show();

        // js带有函数参数的使用方法

        // let show = function(a, b) {

        //     alert(a + b)

        // };

        // show(12, 6);

        // ES6带有箭头函数参数的使用方法

        // let show = (a, b) => {

        //     alert(a + b)

        // };

        // show(12, 6);

        // js数组在函数的使用

        // let arr = [12, 5, 8, 99, 33, 14, 26];

        // arr.sort();

        // alert(arr);

        // 进行一个排序操作

        // arr.sort(function(a, b) {

        //     return a - b;

        // });

        // alert(arr);

        // ES6中数组对函数的使用

        // let arr = [12, 5, 8, 99, 33, 14, 26];

        // arr.sort();

        // alert(arr);

        //进行一个排序操作

        // arr.sort((a, b) => {

        //     return a - b;

        // });

        // alert(arr);

        /圆括号可以省略，中括号可以省略

        // let show = a => a * 2;

        // alert(show(12));

    </script>

</head>

<body>

</body>

</html>

2 参数扩展/数组展开

2.1 收集剩余的参数

  • function show(a,b,...args){} *Rest Parameter必须是最后一个

2.2 代码如下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>函数扩展</title>

    <script>

        // args是剩余的参数存储，必须是最后一个

        function show(a, b, ...args) {

            alert(a);

            alert(b);

            alert(args);

        };

        show(12, 3, 42, 21, 21);

    </script>

</head>

<body>

</body>

</html>

3 展开一个数组

  • 展开后的效果，跟直接把数组的内容写在这儿一样 args=[1,2,3]则...args等同于1,2,3

3.1 代码如下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>函数展开</title>

    <script>

        let arr = [12, 3, 42];

        // 用法1

        // 结果为依次输出12,3,42

        show(...arr);

        function show(a, b, c) {

            alert(a);

            alert(b);

            alert(c);

        };

        let arr1 = [1, 23, 4];

        // 用法2

        let arr2 = [arr, arr1];

        // 结果为依次输出12,3,42,1, 23, 4

        alert(arr2);

        // 用法3

        function show2(...args) {

            fn(...args);

        };

        function fn(a, b, c) {

            alert(a + b + c);

        }

        show2(1, 2, 3);

    </script>

</head>

<body>

</body>

</html>

4 默认参数

4.1 代码如下

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>默认参数</title>

    <script>

        function show(a, b = 2, c = 4) {

            alert(a + b + c);

        }

        show(1);

    </script>

</head>

<body>

</body>

</html>

ES6-函数与数组命名的更多相关文章

  1. ES6函数扩展

    前面的话 函数是所有编程语言的重要组成部分,在ES6出现前,JS的函数语法一直没有太大的变化,从而遗留了很多问题和的做法,导致实现一些基本的功能经常要编写很多代码.ES6大力度地更新了函数特性,在ES ...

  2. ES6新特性-------数组、Math和扩展操作符（续）

    三.Array Array对象增加了一些新的静态方法,Array原型上也增加了一些新方法. 1.Array.from 从类数组和可遍历对象中创建Array的实例 类数组对象包括:函数中的argumen ...

  3. C语言中的函数、数组与指针

    1.函数:当程序很小的时候,我们可以使用一个main函数就能搞定,但当程序变大的时候,就超出了人的大脑承受范围,逻辑不清了,这时候就需要把一个大程序分成许多小的模块来组织,于是就出现了函数概念:  函 ...

  4. ES6 函数的扩展2

    8.2 rest参数 ES6引入rest参数(形式为"-变量名"),用于获取函数的多余参数,这样就不需要使用arguments对象了. arguments对象并没有数组的方法,re ...

  5. Scala学习教程笔记一之基础语法，条件控制，循环控制，函数，数组，集合

    前言:Scala的安装教程:http://www.cnblogs.com/biehongli/p/8065679.html 1:Scala之基础语法学习笔记: :声明val变量:可以使用val来声明变 ...

  6. java基础基础总结----- 关键字、标识符、注释、常量和变量、运算符、语句、函数、数组（三）

    Java语言基础组成:关键字.标识符.注释.常量和变量.运算符.语句.函数.数组 一．标识符 标识符是在程序中自定义的一些名称,由大小写字母[a-zA-Z],数字[0-9],下划线[ _ ],特殊字符 ...

  7. python 全栈开发，Day51(常用内置对象,函数,伪数组 arguments,关于DOM的事件操作,DOM介绍)

    昨日内容回顾 1.三种引入方式 1.行内js <div onclick = 'add(3,4)'></div> //声明一个函数 function add(a,b){ } 2. ...

  8. es6函数的扩展

    扩展运算符 含义 扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. 扩展运算符的应用 (1)合并数组 // ES5 [1, 2].co ...

  9. C语言中变量名及函数名的命名规则与驼峰命名法

    一.C语言变量名的命名规则:(可以字母,数字,下划线混合使用) 1. 只能以字母或下划线开始:2. 不能以数字开始:3. 一般小写:4. 关键字不允许用(eg:int float=2//error  ...

  10. 包括ES6在内的数组操作（待更）

    下面是我对ES6和古老的JS(ES3)一些数组操作的总结,附带了一些我曾经用上的. map处有待更内容. 贴一下有借鉴的网站:https://segmentfault.com/a/1190000002 ...

随机推荐

  1. 学习Vue第三节，事件修饰符stop、prevent、capture、self、once

    事件修饰符: .stop 阻止冒泡 .prevent 阻止默认事件 .capture 添加事件侦听器时使用事件捕获模式 .self 只当事件在该元素本身(比如不是子元素)触发时触发回调 .once 事 ...

  2. P1220 关路灯(提高+)

    以下内容转自z2415445508 只是为了方便自己复习而已 题目传送门-->关路灯 我是一条憨憨的分割线 关灯不需要额外的时间,经过了灯就关了.但是可能折返回去关某一个大灯会比继续往下走关接下 ...

  3. 单调队列+二分 G - Queue 小阳买水果

    B. Queue 这个题目会做的很偶然,突然想到的,因为我们要求离这只海象的最远的比他年轻的海象,这个年轻的海象可以用单调栈维护. 就是从前往后遍历一遍,单调栈里面存年龄从小往大的海象,这个为什么这么 ...

  4. spring boot项目中无法访问resources文件夹问题

    如图,浏览器默认访问static文件下的内容,无法访问templates文件下的html文件. 解决方法: 在application.properties文件中添加静态资源目录的配置即可.

  5. python学习之列表的定义以及增删改查

    列表定义: >>> name['lily','lucy','tom'] >>> nums = [11,22,33,'100','lily'] #python中的列表 ...

  6. Day_08【面向对象】扩展案例3_使用多态的形式创建缉毒狗对象,调用缉毒方法和吼叫方法

    分析以下需求,并用代码实现: 1.定义动物类: 行为: 吼叫:没有具体的吼叫行为 吃饭:没有具体的吃饭行为 2.定义缉毒接口 行为: 缉毒 3.定义缉毒狗:犬的一种 行为: 吼叫:汪汪叫 吃饭:狗啃骨 ...

  7. pyhanlp安装成功，import导入失败，出现：importerror: cannot import name 'jvmnotfoundexception'

    1.问题描述: pyhanlp成功安装,并且可以正常使用,但是这段时间再去用的时候,发现出问题了,一运行就出现,下面的问题: importerror: cannot import name 'jvmn ...

  8. Linux设备子系统初始化

    本文介绍的内容是基于Linux3.1源码,并参考了很多网上找来的资料 Linux内核的启动的流程如下: start_kernel->rest_init->kernel_init->d ...

  9. 带你100% 地了解 Redis 6.0 的客户端缓存

    近日 Redis 6.0.0 GA 版本发布,这是 Redis 历史上最大的一次版本更新,包括了客户端缓存 (Client side caching).ACL.Threaded I/O 和 Redis ...

  10. HMM-前向后向算法与实现

    目录 基本要素 HMM三大问题 概率计算问题 前向算法 后向算法 前向-后向算法 基本要素 状态 \(N\)个 状态序列 \(S = s_1,s_2,...\) 观测序列 \(O=O_1,O_2,.. ...