๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

๐Ÿ’ป Deep Wide Programming/Javascript & Vanila JS

[์ƒํ™œ์ฝ”๋”ฉ] ๋ฐฐ์—ด๊ณผ ๋ฐ˜๋ณต๋ฌธ์˜ ํ™œ์šฉ / ํ•จ์ˆ˜์˜ ๊ธฐ๋ณธ, ๋งค๊ฐœ๋ณ€์ˆ˜์™€ ์ธ์ž, ์ถœ๋ ฅ

728x90
๋ฐ˜์‘ํ˜•

๋ฐฐ์—ด๊ณผ ๋ฐ˜๋ณต๋ฌธ์˜ ํ™œ์šฉ

 


ํ•จ์ˆ˜

 

<ul>

<script>

function two(){

document.write('<li>2-1</li>');

document.write('<li>2-2</li>');

}

document.write('<li>1</li>');

two();

document.write('<li>3</li>');

two();

</script>

</ul>

 

 

์ด๋ ‡๊ฒŒ, ์œ„์— two๋ผ๋Š” ์ด๋ฆ„์˜ ํ•จ์ˆ˜๋ฅผ ์ง€์ •ํ•ด์คฌ๊ณ , ์ดํ›„์— two()๋ผ๊ณ ๋งŒ ์ ์–ด์ฃผ๋ฉด, ๊ธธ๊ฒŒ ์ฝ”๋“œ๋ฅผ ๋ฐ˜๋ณตํ•ด์ค„ ํ•„์š”์—†์ด  ํ•ด๋‹น ํ•จ์ˆ˜๋ฅผ ์‹คํ–‰ ์‹œํ‚ฌ ์ˆ˜ ์žˆ๋‹ค!


๋งค๊ฐœ๋ณ€์ˆ˜์™€ ์ธ์ž parameter & Argumnet

์ž…๋ ฅ(๋งค๊ฐœ๋ณ€์ˆ˜)๊ณผ Parameter & Argument(์ธ์ž)

 

 

function sum(left, right){

 document.write(left+rigth+'<br>');

}

<script> ํƒœ๊ทธ ์•ˆ์—์„œ ํ•จ์ˆ˜์˜ ๋‚ด์šฉ์„ ์œ„์™€ ๊ฐ™์ด ์ •์˜ํ•ด์ค€๋‹ค. 

 

sum(2,3);

sum(3,4);

์ด๋ ‡๊ฒŒ ์‹คํ–‰์‹œ์ผœ์ฃผ๋ฉด ์™ผ์ชฝ์˜ ํ™”๋ฉด์ฒ˜๋Ÿผ 5์™€ 7์ด ์‚ฐ์ถœ๋œ ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ๋‹ค. 

 

์ถœ๋ ฅ Return

์ถœ๋ ฅ์„ ์ด์šฉํ•˜๋ฉด, ๋‹จ์ˆœ ๋ง์…ˆ ๋ฟ ์•„๋‹ˆ๋ผ, ๋” ์ถ”๊ฐ€์ ์ธ ๋‹ค์–‘ํ•œ ์š”์†Œ๋“ค์„ ์ถœ๋ ฅํ•ด์•ผํ•  ๋•Œ ์œ ์šฉํ•˜๋‹ค. 

์ด์ „์—๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ํ•จ์ˆ˜๋ฅผ ๋งŒ๋“ค์–ด์ฃผ์—ˆ๋‹ค. 

 

function sum(left, right){

 document.write(left+rigth+'<br>');

}

 

์ด๋ ‡๋“ฏ, document.write์˜€๋‹ค๋ฉด, ์ด๋ฒˆ์—๋Š” return์„ ์ด์šฉํ•œ๋‹ค. 

 

function sum2(left, right){

 return left+right;

}

(left, right๊ฐ€ ๋งค๊ฐœ๋ณ€์ˆ˜๊ฐ€ ๋œ๋‹ค.) 

 

๊ทธ๋Ÿฌ๋ฉด, 

document.write('<div style="color:red">'+sum(2,3)+'</div>');

์ด๋Ÿฐ ๋ฐฉ์‹์œผ๋กœ, ์ „์ฒด๋ฅผ document,wirte์œผ๋กœ ๊ฐ์‹ธ์ฃผ๊ณ , ๊ทธ ์•ˆ์— ๋‹ค์–‘ํ•œ ํƒœ๊ทธ์™€ sum ํ•จ์ˆ˜๋ฅผ ํฌํ•จํ•ด์„œ ์ฝ”๋“œ๋ฅผ ์งค ์ˆ˜ ์žˆ๋‹ค. 

=๋‹ค์–‘ํ•œ ์šฉ๋„๋กœ ํ•จ์ˆ˜๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋œ๋‹ค!

728x90
๋ฐ˜์‘ํ˜•