• 4.函数


    箭头函数

    使用=>来定义  function(){}等于()=>{}
    
    ES5函数
     let add = function (a, b) {
        return a + b;
     }
        console.log(add(3,5));  //8
    
    箭头函数
    let add2 = (a, b) => {
       return a + b;
     }
       console.log(add2(3,5));    //8

    注意点
      当箭头函数要返回对象的时候,为了区分于代码块,要用 () 将对象包裹起来
    var f = (id,name) => ({
      id: id, name: name
    });
    f(6,2); // {id: 6, name: 2}

    // 箭头函数里面没有 this 对象,
    // 此时的 this 是外层的 this 对象,即 Window 

    var func = () => {
      console.log(this)
    }
    func(55);  // Window


    没有this、super、arguments 和 new.target 绑定。
    箭头函数体中的 this 对象,是定义函数时的对象,而不是使用函数时的对象。
    var Person1 = {
      'age': 18,
      'sayHello': function () {
        setTimeout(()=>{
        console.log(this.age);
        });
      }
    };
    var age = 20;
    Person1.sayHello(); // 18

    默认参数
     function add(a, b = 20) {
            return a + b;
        }
            console.log(add(30));   //50
    
        b = 20 使用函数默认参数只有在未传递参数,或者参数为 undefined 时,才会使用默认参数,null 值被认为是有效的值传递。

    不定参数

    ...参数,当参数个数不确定时候用不定参数
    function f(...values){ console.log(values.length); } f(
    1,2); //2 f(1,2,3,4); //4
  • 相关阅读:
    周总结(第十一周)
    周总结(第十周)
    周总结(第九周)
    周总结(第八周)
    周总结(第七周)
    周总结(第六周)
    周总结(第5周)
    周总结(第四周)
    周记
    补周记
  • 原文地址:https://www.cnblogs.com/sunny666/p/12984120.html
Copyright © 2020-2023  润新知