본문 바로가기
Frontend/Javascript

03 함수

by 새벽물망초 2022. 10. 28.

함수 사용

function greeting(name, area) { // greeting 함수 생성, 매개변수 name과 area 받음
	document.wirte("hello " + name, "<br>")
    document.wirte("welcome to " + area, "<br>")
    }
    
  greeting("홍길동", "korea"); // greeting 함수 호출
  greeting("홍대리", "usa");

->

hello 홍길동

welcome to korea

hello 홍대리

welcome to usa

 

 

스코프

스코프 : 변수 또는 함수의 이용가능한 유효 범위

지역 변수 : 스코프 영역에서 var를 붙여 선언된 변수, 스코프 영역내에서만 사용가능

내부 함수 : 스코프 영역에서 선언된 함수, 스코프 영역 내에서만 호출 가능

 

function outerFunction() { // 스코프

var 변수명; // 지역 변수

function innerFunction() { // 내부 함수

  스크립트 코드;

}

}

 

ex)

function funcTest() {

  var num = 200; // 지역변수

}

 

funcTest();

document.write(num);

-> 아무것도 출력되지 않음 (num is not defined)

왜냐하면 var는 함수 내에 선언되어있으므로 외부에서 접근불가하다

 


var num = 500; // 전역변수

 

function funcTest() {

  var num = 200; // 지역변수

}

 

funcTest();

document.write(num);

-> 외부에 있는 500 출력, 내부에 있는 200은 출력불가능함

 


var num = 500; // 전역변수

 

function funcTest() {

  var num = 200; // 지역변수

  document.write(num, "<br>");

}

 

funcTest();

document.write(num);

-> 200

500

 

 

return

1. 값을 반환함

2. 함수를 강제종료함

 

'Frontend > Javascript' 카테고리의 다른 글

02 객체  (0) 2022.10.28
01 기초문법  (0) 2022.10.28
return false로 안넘어가고 submit되는 경우  (0) 2022.03.25
alert창 나타나게 하는법  (0) 2022.03.24
javascript void(0) 의미  (0) 2021.12.07

댓글