首页 > 代码库 > 函数的扩展

函数的扩展

2024-10-29 01:58:02   207人阅读

一、为函数参数指定默认值
function fn(a, b){
  a = a || 10;
  b = b || 20;
  console.log(a + b);
} // es5写法
 
function fn(a = 10, b = 20){
  console.log(a + b);
} // es6写法
二、函数的 rest 参数
      参数形式为（“...变量名”），用于获取函数的多余参数，这样就不需要使用arguments对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。  
function add(...values) {
   let sum = 0;
 
   for (var val of values) {
      sum + = val;
   }
 
   return sum;
}
 
add(2, 5, 3)// 10
 三、箭头函数
[1, 2, 3].map(function(x) {
    return x * x;
})
        1、规则
             --如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。
var sum = (num1, num2) => num1 + num2; 
            --如果箭头函数的代码块部分多余一条语句，就要使用大括号将它们括起来，并且使用return语句返回。
 var sum = (num1, num2) => { return x+ y;}
            --大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号。
       2、注意事项
             -- 箭头函数体内没有自己的this对象，所以在使用的时候，其内部的this就是定义时所在环境的对象，而不是使用时所在环境的对象。
 function fn(){
    setTimeout(function (){
        console.log(this);
    }, 1000);
    setTimeout(() => {
        console.log(this);
    },1000);
}
 
var obj = {a: 1};
 
fn.call(obj);
            -- 箭头函数体内没有arguments对象，如果要用，可以用Rest参数代替。
const fn = (...arr) => arr;
 
console.log(fn(1, 2, 3, 4));
           -- 不可以当作构造函数，不可以使用new命令，否则会抛出一个错误。
const Fn = (a, b) => a + b;
 
const f = new Fn(1, 2);

　　

 
 
 

函数的扩展


联系
我们