Rumah > hujung hadapan web > tutorial js > ES6之函数扩展的实例教程

ES6之函数扩展的实例教程

零下一度
Lepaskan: 2017-06-26 09:56:08
asal
1380 orang telah melayarinya

在函数扩展方向也新增了一些特性,感觉这些特性也很重要

  一、参数默认值(注意:默认值的后面不可以在添加没有默认值的参数)

{  function test(x, y = 'world'){
    console.log('默认值',x,y);
  }
  test('hello');//hello world
  test('hello','kill');//hello kill
}
Salin selepas log masuk
{
  let x='test';  function test2(x,y=x){
    console.log('作用域',x,y);
  }
  test2('kill');//kill kill  这里涉及到作用域的问题   函数里面具有单独的作用域  只有没有x的时候 才会继承let所声明的x
}
Salin selepas log masuk

  二、rest参数(...) 将一系列离散的值 转化成数组  同样rest后面不可以再有参数

{  function test3(...arg){for(let v of arg){
      console.log('rest',v);
    }
  }
  test3(1,2,3,4,'a');
}
Salin selepas log masuk

  三、扩展运算符(...)将一个数组 转化成一系列离散的值  

{
  console.log(...[1,2,4]);
  console.log('a',...[1,2,4]);
}
Salin selepas log masuk

  四、箭头函数(挺重要的 ,要不某些新的代码看不懂啊!!!) 例如 a=>a*2  a为参数   a*2为返回值  =>当做函数的象征   当不传递参数时可以用()表示

{
  let arrow = v => v*2;
  let arrow2 = () => 5;
  console.log('arrow',arrow(3));//6
  console.log(arrow2());//5

}
Salin selepas log masuk

  五、尾调用  一个函数嵌套另一个函数  可以考虑尾调用

{  function tail(x){
    console.log('tail',x);
  }  function fx(x){return tail(x)
  }
  fx(123)// tail 123
}
Salin selepas log masuk

 

Atas ialah kandungan terperinci ES6之函数扩展的实例教程. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan