箭头函数：

1、普通函数

function 函数名(){...}

2、箭头函数

注意：

 1）如果只有一个返回值，{}return可以省略；

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

arr.sort(function(a,b){

    return a-b; //从小到大输出   = 数组顺序输出

});

alert(arr);

// 输出：5,8,12,14,26,33,99
// 箭头函数：
let arr = [12,5,8,99,33,14,26];

arr.sort((a, b)=>a-b); // 只有一个返回值，return、{}可以省

alert(arr);

//输出：5,8,12,14,26,33,99

  2）如果只有一个参数，()可以省略；

let show = function(a){

    return a*2;

}

alert(show(2));

//输出：4

//箭头函数：

let show = a=>{

    return a*2;

}

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

alert(show(2));

// 输出：4

  3）引入箭头函数有两个方面的作用：更简短的函数并且不绑定this；

具体请参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

3、举例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <!--

        1、sort() 方法用原地算法对数组的元素进行排序，并返回数组。默认排序顺序是在将元素转换为字符串，然后比较它们的UTF-16代码单元值序列时构建的（如果省略，元素按照转换为的字符串的各个字符的Unicode位点进行排序。）-->

</head>

<body>

    <script>

/*

函 数 : function 函数名(){...}

箭头函数:()=>{...}

注意：

    1、如果只有一个参数，()可以胜略；

    2、如果只有一个return，{}可以省略；

    3、引入箭头函数有两个方面的作用：更简短的函数并且不绑定this；

*/

//如：function show(){...} ---> let show=()=>{...}  ---> ()=>{...}

/*例子：

例1：

window.onload = function(){

    alert('abc');

};

输出：abc

//箭头函数

window.onload=()=>{

    alert('aaa');

};

输出：aaa

==================================================================

例2：

let show1 = function(){

    alert('abc');

};

//箭头函数

let show2 = ()=>{

    alert('abc');

};

show1();// 输出：abc

show2();// 输出：abc

=================================================================

例3：

let show1 = function(a,b){

    alert(a+b);

};

//箭头函数：

let show2 = (a,b)=>{

    alert(a+b);

};

show1(1,2);// 输出：3

show2(1,2);// 输出：3

=================================================================

例4：

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

// arr.sort();

// alert(arr);//输出：12,14,26,33,5,8,99 

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

arr.sort(function(a,b){

    return a-b; //从小到大输出 | = 数组顺序输出

});

alert(arr);

// 输出：5,8,12,14,26,33,99

//箭头函数：

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

arr.sort((a, b)=>a-b); // 只有一个返回值，{}可以省

alert(arr);

//输出：5,8,12,14,26,33,99

==================================================================

例5：

let show = function(a){

    return a*2;

}

alert(show(2));

//输出：4

//箭头函数：

let show = a=>{

    return a*2;

}

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

alert(show(2));

// 输出：4

*/

</script>

</body>

</html>

ES6——函数-箭头函数的更多相关文章

  1. 关于ES6的箭头函数的详解

    ok  坑比函数~~箭头函数~~不自己动手写看懂也不行~~~ 当然你也可以一点一点的把函数复制到Babel里面去将ES6转换成ES5  (斗笔行为) 老谢写的笔记教程就是深入(通俗易懂)哈哈~~~ 第 ...

  2. ES6中箭头函数的作用

    我们知道在ES6中,引入了箭头函数,其本质就是等同有ES5中的函数.类似于下面的写法: let test1=() => “abc”; let test2=() => { return “a ...

  3. ES6使用箭头函数注意点

    新事物也是有两面性的,箭头函数有他的便捷有他的优点,但是他也有缺点,他的优点是代码简洁,this提前定义,但他的缺点也是这些,比如代码太过简洁,导致不好阅读,this提前定义,导致无法使用JS进行一些 ...

  4. Es6中箭头函数与普通函数的区别

    Es6中箭头函数与普通函数的区别? 普通function的声明在变量提升中是最高的,箭头函数没有函数提升 箭头函数没有属于自己的this,arguments 箭头函数不能作为构造函数,不能被new,没 ...

  5. es6的箭头函数和es5的function函数区别

    一.es6的箭头函数es6箭头函数内部没有this,使用时会上朔寻找最近的this不可以做构造函数,不能使用new命令,因为没有this函数体内没有arguments,可以使用rest参数代替不能用y ...

  6. Es6 之箭头函数 初学

    不积跬步,无以至千里;不积小流,无以成江海! // ES5 var selected = allJobs.filter(function (job) { return job.isSelected() ...

  7. 关于es6的箭头函数使用与内部this指向

    特型介绍:箭头函数是ES6新增的特性之一,它为JS这门语言提供了一种全新的书写函数的语法. 'use strcit'; let arr = [1,2,3]; //ES5 let es5 = arr.m ...

  8. ES6笔记② 箭头函数

    特性介绍 箭头函数是ES6新增的特性之一,它为JS这门语言提供了一种全新的书写函数的语法. //ES5 function fun(x,y){ return x+y; } console.log(fun ...

  9. 关于ES6 用箭头函数后的 this 指向问题

    最近写完小程序后, 开始学习React, 因为有编译器, 就直接用ES6 新语法了, 中间自然离不开  () => { console.log('箭头函数的this是指向哪的问题')}; var ...

  10. 进阶路上有你我-相互相持篇之ES6里箭头函数里的this指向问题

    首先复习下普通函数里的this指向: function test(){ console.log(this) } test() 你会秒杀的毫无疑问的回答:window,针对普通函数:谁调用了函数  函数 ...

随机推荐

  1. 【技巧】Windows 10 1809无法接收1903解决方法

    这都7月份了,Windows10 1903都升级的有一个月了,然而我的1809的系统一直找不到1903的更新. 虽说1903会有bug,但还是想体验一把.周围同事都更新了,心里还是痒痒的. 于是每天都 ...

  2. python3-返回函数

    函数作为返回值 高阶函数除了可以接受函数作为参数外,还可以把函数作为结果值返回. 我们来实现一个可变参数的求和.通常情况下,求和的函数是这样定义的: def calc_sum(*args): ax = ...

  3. node.js从入门到放弃《什么是node.js》

    1.什么是node.js Node.js是一个后端的Javascript运行环境(支持的系统包括*nux.Windows),这意味着你可以编写系统级或者服务器端的Javascript代码. Node. ...

  4. GNU linker script，ld script，GNU链接脚本

    https://blog.csdn.net/itxiebo/article/details/50937412 https://blog.csdn.net/itxiebo/article/details ...

  5. Car的旅行路线(Floyd+模拟)

    题目地址 贼鸡儿猥琐的一道题 好在数据不毒瘤,而且Floyd就OK了. 这道题的难点在于 建图,也很考验模拟能力,需要十分的有耐心. 建图 题目中告诉了我们一个矩形的三个点 我们在平面直角坐标系中随便 ...

  6. P2254 [NOI2005]瑰丽华尔兹

    链接P2254 [NOI2005]瑰丽华尔兹 首先有个很朴素的\(dp\),设\(f_{i,j,k}\)表示\(k\)时刻地点\(i,j\)的最长长度. 然后这样不能优化,考虑利用一段连续时间是同一个 ...

  7. 20180712-Java Character类

    char ch = 'a';// Unicode for uppercase Greek omega characterchar uniChar = '\u039A';//字符数组char[] cha ...

  8. Strassen __128int

    题目链接 题意思路很简单,递归求最小就好了.但__128int没见过.故写博客记下.__128int如果输入输出就要自己写函数. #include<bits/stdc++.h> using ...

  9. The Factor

    The Factor Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total ...

  10. 为 PhpStorm 配置 Xdebug 来调试代码

    当项目越来越复杂,排错就越发困难. 你以为代码是这么运行的,但就是有未想到的功能导致流程变得不可捉摸. 此时我们需要调试啊调试... PhpStorm 是一款优秀的 PHP IDE,排除其 Java ...