>웹 프론트엔드 >JS 튜토리얼 >js_javascript 스킬의 함수에 대한 기본 매개변수 값을 설정하는 3가지 방법

js_javascript 스킬의 함수에 대한 기본 매개변수 값을 설정하는 3가지 방법

WBOY
WBOY원래의
2016-05-16 15:35:241509검색

JavaScript에서 함수의 기본 매개변수 값을 설정하는 방법은 다음과 같습니다. 참고할 수 있는 몇 가지 방법이 있습니다.
첫 번째 방법:

function example(a,b){ 
  var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 
  var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2 
  return a+b; 
} 

위 함수는 다음과 같이 작성할 수도 있습니다.

function example(){ 
  var a = arguments[0] ? arguments[0] : 1;//设置第一个参数的默认值为1 
  var b = arguments[1] ? arguments[1] : 2;//设置第二个参数的默认值为2 
  return a+b; 
} 

통화 예:

alert( example() ); //输出3 
alert( example(10) ); //输出12 
alert( example(10,20) ); //输出30 
alert( example(null,20) ); //输出20 

두 번째 방법:

function example(name,age){ 
  name=name||'貂蝉'; 
  age=age||21; 
  alert('你好!我是'+name+',今年'+age+'岁。'); 
} 

이 함수는 다음과 같이 작성할 수도 있습니다.

function example(name,age){ 
  if(!name){name='貂蝉';} 
  if(!age){age=21;} 
  alert('你好!我是'+name+',今年'+age+'岁。'); 
} 

통화 예:

example('王五');//输出:你好!我是王五,今年21岁。  
example('王五',30);//输出:你好!我是王五,今年30岁。  
example(null,30);//输出:你好!我是貂蝉,今年30岁。 

세 번째 방법인 이 방법은 Jquery 확장을 사용하여 매개변수가 많은 상황에 적합합니다.

function example(setting){ 
  var defaultSetting={ 
    name:'小红', 
    age:'30', 
    sex:'女', 
    phone:'100866', 
    QQ:'100866', 
    birthday:'1949.10.01' 
  }; 
  $.extend(defaultSetting,settings); 
  var message='姓名:'+defaultSetting.name 
  +',性别:'+defaultSetting.sex 
  +',年龄:'+defaultSetting.age 
  +',电话:'+defaultSetting.phone 
  +',QQ:'+defaultSetting.QQ 
  +',生日:'+defaultSetting.birthday 
  +'。'; 
  alert(message); 
} 

통화 예:

example({ 
  name:'小红', 
  sex:'女', 
  phone:'100866' 
}); 
//输出:姓名:小红,性别:女,年龄:30,电话:100866,QQ:100866。 

위의 세 가지 방법을 배워보셨나요? 이 세 가지 방법에는 각각 장단점이 있습니다. 자신의 상황을 분석하여 가장 적합한 학습 방법을 선택하세요.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.