• ES6_05_三点运算符和形参默认值


    三点运算符的用途:

    # 1. rest(可变)参数
    * 用来取代arguments 但比 arguments 灵活,只能是最后部分形参参数

    function fun(...values) {
    console.log(arguments);
    arguments.forEach(function (item, index) {
    console.log(item, index);
    });
    console.log(values);
    values.forEach(function (item, index) {
    console.log(item, index);
    })
    }
    fun(1,2,3);

    # 2. 扩展运算符
    let arr1 = [1,3,5];
    let arr2 = [2,...arr1,6];
    arr2.push(...arr1);

    &用例说明

    //1、 rest(可变)参数

    function foo(a, ...value){
    console.log(arguments);
    //arguments.callee(); //callee指向函数本身
    console.log(value);
    //arguments.forEach(function (item, index){
    //console.log(item, index);
    })
    
    value.forEach(function (item, index){
    console.log(item, index);
    })
    }
    foo(2, 65 ,33, 44);

    //2、扩展运算符

    let arr = [1, 6];
    let arr1 = [2 ,3 ,4 ,5];
    arr = [1,...arr1,6]
    console.log(arr);
    console.log(...arr1);
    
    * 形参的默认值----当不传入参数的时候默认使用形参里的默认值
    function Point(x = 1,y = 2) {
    this.x = x;
    this.y = y;
    }
    
    例:
    
    //定义一个点的坐标的构造函数
    function Point(x,y){
    this.x= x;
    this.y= y;
    }
    let point = new Point (23, 35);
    console.log(point);
    let point1 = new Point();
    console.log(point1);

    注意:以上用例代码在<script type="text/javascript"></script>中进行测试,包括其他知识点中的用例

    我是一个刚刚开始写博客的大可,内容有不详细或是错误的,还希望各位大佬私信我,我会进行纠正,谢谢啦!^-^
  • 相关阅读:
    UDP
    ICMP协议、DNS、ARP协议、ping、DHCP协议
    OSI七层模型和TCP/IP四层模型
    STL六大组件
    迭代器
    哈希表
    react wangeditor使用
    URL切割
    ES6对象合并
    nginx 访问本机文件
  • 原文地址:https://www.cnblogs.com/sunjiaojiao/p/11142608.html
Copyright © 2020-2023  润新知