본문 바로가기

카테고리 없음

[마녀일기] 자바스크립트 함수선언시 변수 값 고정정

반응형

■ 자바스크립트 함수선언시 변수 값 고정정


 소스 코드를 분석하다가 아래와 같은 코드를 만났다.


    <script type="text/javascript">
        function changeColor(color = "green") {
           
            jQuery("#backColor").css("background-color", color);
        }
    </script>


 함수선언 부터 값을 고정해둔것.


    <script type="text/javascript">
        function changeColor(color) {
            color = "green"

            jQuery("#backColor").css("background-color", color);
        }
    </script>



 보통의 경우 이게 상식인줄 알았는데.



 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>자바스크립트 함수 고정값</title>
    <script type="text/JavaScript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
    <script type="text/javascript">
        function changeColor(color = "green") {
           
            jQuery("#backColor").css("background-color", color);
        }
    </script>
</head>
<body>
    <div id = "backColor" style="width:760px;height:320px;"></div><br/>
    <input type = "button" onClick = "changeColor('#ff0000')" value = "빵강">
    <input type = "button" onClick = "changeColor('#0000ff')" value = "파랑">
    <input type = "button" onClick = "changeColor('#ffff00')" value = "노랑">
    <input type = "button" onClick = "changeColor()" value = "초록">
</body>
</html>

 





반응형