标签： es6 javascript

箭头函数

ES6为了书写方便引入了函数的全新简写方式-箭头函数

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>JS Bin</title>

</head>

<body>

  <script>

    //es5完法

    var show0 = function(str){

      console.log(str);

    }

    //es6写法

    let show1 = (str)=>{

      console.log(str);

    }

    show0('这是测试0！');

    show1('这是测试1！');

  </script>

</body>

</html>

测试地址

箭头函数的一些特性

  • 当只有一个参数的时候可以省略括号
  • 当只有一个return语句的时候，大括号和return可以省略
<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>JS Bin</title>

</head>

<body>

  <script>

    let show0 = (str)=>{

      console.log(str);

    }

    //省略括号

    let show1 = str=>{

      console.log(str);

    }

    let show2 = (str)=>{

      return str

    }

    //省略括号与中括号和return语句

    let show3 = str=>str;

    show0('测试0！');

    show1('测试1！');

    console.log(show2('测试2！'));

    console.log(show3('测试3！'));

  </script>

</body>

</html>

测试地址

参数的变化

-参数的扩展/数组展开（...）

-默认参数

<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width">

  <title>函数参数变化</title>

</head>

<body>

<script>

  //收集余下参数并展开使用，...args必须放么最后，收集余下的所有可能的参数

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

    console.log(a,b,...args);

  }

  show(1,2,5,6);

  //展开数组

  let arr0=[1,2,3];

  let arr1=[4,5,6];

  let arr =[...arr0,...arr1];

  console.log(arr);

  //默认参数,当b/c没有传入值时取默认值，如果有传入则取传入值

  function show0(a,b=1,c=2){

    console.log(a,b,c);

  }

  show0(0);

</script>

</body>

</html>

测试地址

粗看ES6之函数的更多相关文章

  1. 粗看ES6之数组

    标签: javascript es6 数组新增方法 map(可以理解为是映射,以一定规则修改数组每一项并返回全新数组) reduce(可以理解为是汇总,一堆出来一个) filter(可以理解为过滤,筛 ...

  2. 粗看ES6之变量

    标签: javascript var定义变量面临的问题 可以重复定义 无法限制变量不可修改 无块级作用域 ES6变量定义升级 新增let定义变量 新增const定义常量 let特性 有块级作用域 不可 ...

  3. 粗看ES6之面向对象写法

    标签: es6 在es6以前,js没有类的概念,虽然有构造函数原型的方式用来做面向对向开发,但是对于书法并不是十分友好,而且对于继承实现也不是十分友好. es6引入class constructor ...

  4. 粗看ES6之JSON

    标签: es6 ES6新增JSON特性不是特别多,只是针对JSON某些情况下的写法上有一些优化: 当key值和value值对应变量名相同时 json对像中的方法书写 示例代码如下: <!DOCT ...

  5. 粗看ES6之字符串

    标签: javascript es6 字符串新增特性 新增二个方法 - startsWith/endsWith 字符串模板 - 反单引号的应用 startsWith 判断字符串以是否以某某开头,返回一 ...

  6. 粗看ES6之解构赋值

    标签: javascript es6 什么是解构赋值? 示例如下: <!DOCTYPE html> <html> <head> <meta charset=& ...

  7. 新手必看ES6基础

    ES6 基础 一.新的变量声明方式 let/const 与var不同,新的变量声明方式带来了一些不一样的特性,其中最重要的两个特性就是提供了块级作用域与不再具备变量提升. 通过2个简单的例子来说明这两 ...

  8. ES6 — 箭头函数

    一 为什么要有箭头函数 我们在日常开发中,可能会需要写类似下面的代码 const Person = { 'name': 'little bear', 'age': 18, 'sayHello': fu ...

  9. 前端分享----JS异步编程+ES6箭头函数

    前端分享----JS异步编程+ES6箭头函数 ##概述Javascript语言的执行环境是"单线程"(single thread).所谓"单线程",就是指一次只 ...

随机推荐

  1. 洛谷P1973 [NOI2011]Noi嘉年华（决策单调性）

    传送门 鉴于FlashHu大佬讲的这么好(而且我根本不会)我就不再讲一遍了->传送 //minamoto #include<iostream> #include<cstdio& ...

  2. Java泛型<>内各种参数的异同

    先说下本篇随笔主要涉及到的东西(参考Java编程思想一书): 1.说明 List<Fruit> 与 List<Apple> 之间为什么是非继承关系. 2.由 1 引出的问题说明 ...

  3. USACO 1.1.2 Greedy Gift Givers（gift1）

    这道题大意就是几个人互送礼物,让你求每个人的盈利. 原题给的样例数据: 5(人的个数.) =========(下面是人名,输出按照这顺序)davelauraowenvickamr ========== ...

  4. kuangbin专题十二 HDU1260 Tickets （dp）

    Tickets Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Sub ...

  5. linux中脚本权限问题以及win下使用telnet测试linux端口

    一个脚本叫up,执行脚本报错如下: -bash: ./up: Permission denied 解决: chmod +rx up 在执行,OK了. /************************ ...

  6. maven mirrorOf

    转载 http://blog.csdn.net/isea533/article/details/21560089 在maven中配置一个mirror时,mirror通常会设置成*,还有可能是一个具体的 ...

  7. 网络中常用的各种协议（针对TCP/IP协议组）

    网络层: ip协议->网络互连协议 用途:将多个包在网络中联系起来,传输数据包(不可靠传输),最基本功能就是寻址和分段功能,不提供端到端,路由到路由的确认,不提供重发和流量控制.是计算机网络能狗 ...

  8. P3172 [CQOI2015]选数（莫比乌斯反演）

    [题目链接] https://www.luogu.org/problemnew/show/P3172 [题解] https://www.luogu.org/blog/user29936/solutio ...

  9. Jenkins自动化CI CD流水线之3--参数化构建

    一. 背景 如果只是简单的构建,jenkins自己默认的插件可以做,但是如果我们想要在构建过程中有更多功能,比如说:选择性构建.传参.项目指定变量等等其他功能,基础的参数化构建可以实现一些简单功能,但 ...

  10. Observable Flowable Test

    package com.test.rxjava; import java.time.Duration; import java.time.Instant; import java.util.Linke ...