首頁 > web前端 > js教程 > Javascript中設定預設參數值範例_javascript技巧

Javascript中設定預設參數值範例_javascript技巧

WBOY
發布: 2016-05-16 16:36:26
原創
1213 人瀏覽過

第一種:

function test(a,b){

var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1

var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9

return a+b;
登入後複製

其等價為

function test(){

var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1

var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9

return a+b;

}
登入後複製

呼叫範例

alert(test()); //输出10

alert(test(5)); //输出14

alert(test(5,6)); //输出11

alert(test(null,6)); //输出7

alert(test(6,null)); //输出15

登入後複製

第二種:

function test(blog,address){

blog=blog||'淡忘~浅思';

address=address||'www.jb51.net';

alert('博客名是'+blog+'的地址是'+address);

}
登入後複製

其等價為

function test(blog,address){

if(!blog){blog='淡忘~浅思';}

if(!address){address='www.jb51.net';}

alert('博客名是'+blog+'的地址是'+address);

}
登入後複製

呼叫範例

test(); //博客名是淡忘~浅思的地址是www.jb51.net

test('csdn','blog.csdn.net'); //博客名是csdn的地址是blog.csdn.net

test('','blog.csdn.net/u011043843'); //博客名是淡忘~浅思
登入後複製

第三種:

function test(setting){

var defaultSetting={

name:'程序爱好者',

age:'1',

phone:'15602277510',

QQ:'259280570',

message:'欢迎你的加入'

};

$.extend(defaultSetting,setting);

var msg='姓名:'+defaultSetting.name

+',年龄:'+defaultSetting.age

+',电话:'+defaultSetting.phone

+',QQ群:'+defaultSetting.QQ

+',说明:'+defaultSetting.message

+'。';
alert(msg);
}
登入後複製

呼叫範例

test(); //输出:姓名:程序爱好者,年龄:1,电话:15602277510,QQ群:259280570,说明:欢迎你的加入。

test({

name:'dwqs',

age:'20',

QQ:'461147874',

message:'博客:www.jb51.net'

});

//输出:姓名:dwqs,年龄:20,电话:15602277510,QQ群:461147874,说明:博客:www.jb51.net。

登入後複製

ps:函數參數比較多時,可以用此方法。這是JQuery的一種擴展,所以需要引入JQuery。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板