Question

js 函数怎么设置默认参数

例如一段js代码如下：
function window(width,height,title,name)
{
var a=document.getelementById('aaa');
a.style.width=width;//默认100px
a.style.height=height;//默认100px
a["title"]=title;//默认"标题"
a["name"]=name;//默认“a"
}
上面的js只是一个列子，主要想实现的效果，就是，每个参数都有一个默认参数值，例如当我调用这个函数的时候，如果我直接写window();这样就会直接调用默认的值，如果写window(100px);那么除了这个width=100px,其他的参数都是默认值，如果height=200px;那么 函数调用 为：window(100px,200px)，
还有一种默认宽高2，title不默认,window('','','不默认标题','')
这js该怎么写？

Answer 1

1.php有个很方便的用法是在定义函数时可以直接给参数设默认值，如：

function simue ($a=1,$b=2){
return $a+$b;
}
echo simue(); //输出3
echo simue(10); //输出12
echo simue(10,20); //输出30

但js却不能这么定义，如果写function simue(a=1,b=2){}会提示缺少对象。

2.js函数中有个储存参数的数组arguments ，所有函数获得的参数会被编译器挨个保存到这个数组中。于是我们的js版支持参数默认值的函数可以通过另外一种变通的方法实现，修改上例：

function simue (){
var a = arguments[0] ? arguments[0] :
1;
var b = arguments[1] ? arguments[1] :
2;
return a+b;
}
alert( simue() ); //输出3
alert( simue(10) ); //输出12
alert( simue(10,20) ); //输出30

Answer 2

function _window ( width, height, title, name )
{
    var a = !document.getElementById('aaa') ? {} : document.getElementById('aaa');
    a.style.width = !width ? '100px' : width; // 默认100px
    a.style.height = !height ? '100px' : height; // 默认100px
    a["title"] = !title ? "标题" : title; // 默认"标题"
    a["name"] = !name ? 'a' : name; // 默认“a"
}

追问

楼下的那个追问问题，该怎么解决？

追答

我加一个参数，isTrue
function window(width,height,title,name,isTrue)

如果isTrue==true的话，则这样调用   window('','','','',true)
false的话  window('','',false)
也就是如果为false，则把中间的title这个参数去掉，但是默认的参数是不是这格式


--------------------------------------------------


不懂

追问

也就是 如果isTrue的值等于true的话，则调用这方法可以这样调用,
window(width,height,title,name,true)
如果为false的话，则这样调用
window(width,height,false)
也就是如果false，title和name这两项去掉，直接可以写width,height,false

追答

方法的重载啊，js里面好像没有哦，它会按照顺序去找的，不像java有重载
你只有写过了，或者判断了

Answer 3

自己写一个函数或者类，把这个函数包含进去，在里面设定一个判断条件，如果指定值了，就用指定值，如果没有就使用定义好的值，很简单么。

追问

先不说这个有一点之前在问题中不记得说了，
我加一个参数，isTrue
function window(width,height,title,name,isTrue)

如果isTrue==true的话，则这样调用 window('','','','',true)
false的话 window('','',false)
也就是如果为false，则把中间的title这个参数去掉，但是默认的参数是不是这格式

Answer 4

ES6已经支持默认值了，浏览器F12，跑两行代码

function test(a=111,b=a*2){ return a+b; }

test();//输出333

可以看看ES6十大特性网页链接