공부하는 블로그

함수 활용의 장점과 지역변수와 전역변수의 생명주기 본문

Develop/JavaScript

함수 활용의 장점과 지역변수와 전역변수의 생명주기

모아&모지리 2018. 3. 18. 15:07

함수를 활용한 경우 장점

1. 코드 중복 제거 및 코드 재사용

1
2
3
4
5
6
7
8
9
10
11
//함수정의 (재사용할 코드를 포장하는 기술)
function showName(name) {
    for(var i=1;i<=5;i++)
        document.write(i+"."+name+"입니다.<br>");
}
 
//함수 호출(함수를 동작하게 하려면 함수 호출을 해야함
 
showName("웹동네");
showName("짱아");
showName("딴동네");
cs

2. 유지보수 용이성

1
2
3
4
5
6
7
8
9
//함수정의 (재사용할 코드를 포장하는 기술)
function showName(name, count) {
    for(var i=1;i<=count;i++)
        document.write(i+"."+name+"<br>");
}
 
showName("웹동네"5);
showName("짱아"3);
showName("딴동네" , 7);
cs


함수 만들기

1
2
3
function 함수이름() {
    실행구문;(포장할 내용을 여기에 작성해주세요.)
}
cs

예제:

1
2
3
function hello() {
    document.write("안녕하세요.","<br>");
}
cs

// 지역 변수와 전역변수의 생명주기(생명주기란 만들어지고 없어지는 시기)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
    fuction func1() {
        var name="atti";
        document.write(name);
    }
    func1();
 
    // name은 지역변수이기 때문에 전역에서 사용할 수 없습니다.
    document.write(name);
</script>
 
//실행결과
atti
undefined
cs


'Develop > JavaScript' 카테고리의 다른 글

심플갤러리를 함수로 만들기  (0) 2018.03.18
(javascript)리턴값 있는 함수 만들기  (0) 2018.03.18
(JavaScript) while문  (0) 2018.03.18
(JavaScript)형변환 예제  (0) 2018.03.14
(JavaScript) 클래스  (0) 2018.03.14