js函数参数设置默认值

问题描述

之前写js函数，都没设置过默认值，因为是做后端php出身，所以在给参数设置默认值的时候，直接用了php的语法，Firefox是好用的，在苹果机上的某些版本的chrome也是好用的，但是其实我的写法是错误的，某些情况下，js就报错了。

错误的写法

<script>
function get_data(from=0,limit=0){
  console.log(from);
  console.log(limit);
}
get_data();
get_data(5);
get_data(5,10);
</script>

这个写法Firefox没报错，运行正常，但是chrome不认

正确的写法

js函数中有个储存参数的数组arguments ，所有函数获得的参数会被编译器挨个保存到这个数组中。

<script>
function get_data(){
  var from  = arguments[0] ? arguments[0] : 0;
  var limit = arguments[1] ? arguments[1] : 0;
  console.log(from);
  console.log(limit);
}
get_data();
get_data(5);
get_data(5,10);
</script>

简化后的写法

文章写好之后发到交流群里了，有一个专门做前端的朋友告诉了我更简单的写法

<script>
function get_data(){
  var from  = arguments[0] || 0;
  var limit = arguments[1] || 0;
  console.log(from);
  console.log(limit);
}
get_data();
get_data(5);
get_data(5,10);
</script>

运行结果跟第二种一样，有新收获很高兴，真是朋友多了路好走。

总结

看来得多了解js那些隐藏的参数
做前端的时候要考虑浏览器兼容问题，真的好麻烦，弄好了这个浏览器，其他浏览器可能又不行，不能有一丝懈怠，
头疼，疼疼疼....

参考文章：http://www.cnblogs.com/RightD...