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

์ง€์—ญ / ์ „์—ญ ๋ณ€์ˆ˜

by oranssy 2022. 8. 6.
728x90
๋ฐ˜์‘ํ˜•

์ง€์—ญ ๋ณ€์ˆ˜์™€ ์ „์—ญ ๋ณ€์ˆ˜

๋ณ€์ˆ˜๋Š” 'ํ•จ์ˆ˜ ๋ธ”๋ก { }'์„ ๊ธฐ์ค€์œผ๋กœ, ๋ณ€์ˆ˜์˜ ์„ ์–ธ ์œ„์น˜์— ๋”ฐ๋ผ '์ง€์—ญ ๋ณ€์ˆ˜'์™€ '์ „์—ญ ๋ณ€์ˆ˜'๋กœ ๋‚˜๋‰ฉ๋‹ˆ๋‹ค.


01. ์ง€์—ญ ๋ณ€์ˆ˜

์ง€์—ญ ๋ณ€์ˆ˜๋Š” ํ•˜๋‚˜์˜ ์ง€์—ญ ๋‚ด์—์„œ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ณ€์ˆ˜๋ฅผ ๋œปํ•˜๋ฉฐ, ์—ฌ๊ธฐ์„œ ์ง€์—ญ์ด๋ž€ 'ํ•จ์ˆ˜ ๋ธ”๋ก { }'์— ์˜ํ•ด ๋งŒ๋“ค์–ด์ง€๋Š” ์˜์—ญ์„ ๋งํ•ฉ๋‹ˆ๋‹ค.

function ํ•จ์ˆ˜ ( )  { 
     var ๋ณ€์ˆ˜ ;          // { } ์•ˆ์—์„œ var๋กœ ์ง€์—ญํ•จ์ˆ˜ ์„ ์–ธ
 } 

์ง€์—ญ ๋ณ€์ˆ˜์˜ ๋ณ€์ˆ˜ ์„ ์–ธ์€ ํ•จ์ˆ˜ ๋ธ”๋ก { } ์•ˆ์—์„œ ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค.
ํ•จ์ˆ˜์˜ ์ง€์—ญ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜ ๋ธ”๋ก { } ์•ˆ์—์„œ๋งŒ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ง€์—ญ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜๊ฐ€ ์‹คํ–‰๋˜๋ฉด ๋งŒ๋“ค์–ด์ง€๊ณ  ํ•จ์ˆ˜๊ฐ€ ์ข…๋ฃŒ๋˜๋ฉด ์†Œ๋ฉธํ•ฉ๋‹ˆ๋‹ค.
ํ•จ์ˆ˜์˜ ์™ธ๋ถ€์—์„œ๋Š” ์ง€์—ญ ๋ณ€์ˆ˜์— ์ ‘๊ทผํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
์ง€์—ญ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜ ๋ธ”๋ก { } ๋ฐ–์˜ ํ•จ์ˆ˜์™€๋Š” ๋‹ค๋ฅธ, ๋ณ„๋„์˜ ๋ณ€์ˆ˜๊ฐ€ ๋ฉ๋‹ˆ๋‹ค.

{
    var x = 100;             //๋ณ€์ˆ˜ x์— ์ˆซ์ž 100์„ ์ €์žฅํ•จ
    var y = 200;             //๋ณ€์ˆ˜ y์— ์ˆซ์ž 200์„ ์ €์žฅํ•จ
    var z = "javascript"    //๋ณ€์ˆ˜ z์— ๋ฌธ์ž์—ด "javascript"๋ฅผ ์ €์žฅํ•จ

    document.write(x);
    document.write(y);
    document.write(z);
}

02. ์ „์—ญ ๋ณ€์ˆ˜

์ „์—ญ ๋ณ€์ˆ˜๋Š” ๋ชจ๋“  ์˜์—ญ(์ง€์—ญ)์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๋ณ€์ˆ˜๋ฅผ ๋œปํ•˜๋ฉฐ, 'ํ•จ์ˆ˜ ๋ธ”๋ก { }' ๋‚ด์™ธ์—์„œ ์ž์œ ๋กญ๊ฒŒ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

var ๋ณ€์ˆ˜;                  // { } ๋ฐ–์—์„œ ์ „์—ญ ๋ณ€์ˆ˜ ์„ ์–ธ
function ํ•จ์ˆ˜ ( )  { 
 } 

์ „์—ญ ๋ณ€์ˆ˜์˜ ๋ณ€์ˆ˜ ์„ ์–ธ์€ ํ•จ์ˆ˜ ๋ธ”๋ก { } ๋ฐ–์—์„œ ์ด๋ฃจ์–ด์ง‘๋‹ˆ๋‹ค.
์ „์—ญ ๋ณ€์ˆ˜๋Š” ํ•จ์ˆ˜ ๋ธ”๋ก { } ๋‚ด์™ธ์—์„œ ๋ชจ๋‘ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
์ „์—ญ ๋ณ€์ˆ˜๋Š” ์›น ํŽ˜์ด์ง€๊ฐ€ ๋‹ซํ˜€์•ผ ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค.
์ „์—ญ ๋ณ€์ˆ˜๋Š” ํ”„๋กœ๊ทธ๋žจ์˜ ์–ด๋А ์˜์—ญ์—์„œ๋“  ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


๋ณ€์ˆ˜์˜ scope

๋ธ”๋ก { }์— ์˜ํ•ด ๋ณ€์ˆ˜์˜ ๋ฒ”์œ„๊ฐ€ ๋‹ฌ๋ผ์ง€๋Š” ๊ฒƒ์„ ๋งํ•ฉ๋‹ˆ๋‹ค.

์ „์—ญ ๋ณ€์ˆ˜๋Š” ๋ธ”๋ก { } ๋‚ด์™ธ์—์„œ ๋ชจ๋‘ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•˜๊ธฐ์— ์ž์นซ ๋™์ผํ•œ ์ด๋ฆ„์œผ๋กœ ๋ฎ์–ด ์จ์งˆ ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ œ์ ์ด ์žˆ์Šต๋‹ˆ๋‹ค.
๋”ฐ๋ผ์„œ ์ „์—ญ ๋ณ€์ˆ˜ ๋ณด๋‹ค ์ง€์—ญ ๋ณ€์ˆ˜๊ฐ€ ๋” ์•ˆ์ „ํ•ฉ๋‹ˆ๋‹ค.

728x90
๋ฐ˜์‘ํ˜•

'Javascript' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

๋ฐฐ์—ด ๊ฐ์ฒด (1)  (2) 2022.08.12
์š”์†Œ ์„ ํƒ ๋ฐฉ๋ฒ• (DOM)  (3) 2022.08.06
ํ•จ์ˆ˜  (7) 2022.07.27
๋ฐ์ดํ„ฐ ์œ ํ˜•  (7) 2022.07.27
๋ฐ˜๋ณต๋ฌธ  (7) 2022.07.27

๋Œ“๊ธ€