zoukankan      html  css  js  c++  java
  • javascript学习笔记-(三)

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)
    案例:
    为什么叫Arrow Function?因为它的定义用的就是一个箭头:
    x => x * x
    
    上面的箭头函数相当于:
    function (x) {
        return x * x;
    }
    
    箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return:
    x => {
        if (x > 0) {
            return x * x;
        }
        else {
            return - x * x;
        }
    }
    如果参数不是一个,就需要用括号()括起来:
    // 两个参数:
    (x, y) => x * x + y * y
    
    // 无参数:
    () => 3.14
    
    // 可变参数:
    (x, y, ...rest) => {
        var i, sum = x + y;
        for (i=0; i<rest.length; i++) {
            sum += rest[i];
        }
        return sum;
    }


    案例:用arrow function实现排序
    'use strict' var arr = [10, 20, 1, 2,2]; arr.sort((x, y) => { if(x>y){ return 1; }else if (x<y){ return -1 } return 0; }); console.log(arr); // [1, 2, 10, 20]
  • 相关阅读:
    Go语言
    Go语言
    electron-builder vue3 用户自定义安装目录
    提取页面中的style标签内容
    px2rpx | px转rpx
    js EventBus
    select 下拉选择多个值
    keep-alive页面缓存
    js适配移动端页面
    vue日常问题记录
  • 原文地址:https://www.cnblogs.com/1314520xh/p/14136375.html
Copyright © 2011-2022 走看看