๋ชฉ๋ก2022/01/10 (5)

whatisthis?

javaScript. ํ•จ์ˆ˜ ์Šค์ฝ”ํ”„(scope)

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ECMAscript 5 ์ด์ „์—๋Š” var๋กœ ์„ ์–ธํ•œ ๋ณ€์ˆ˜๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ–ˆ์—ˆ๋‹ค. (ECMA5์ดํ›„์—๋Š” const์™€ let์ด ๋“ฑ์žฅํ•˜์˜€๋‹ค. ํ˜„์žฌ var์€ ์›ฌ๋งŒํ•ด์„  ์“ฐ์ง€ X) var๋กœ ์ „์—ญ(global)๋ณ€์ˆ˜๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์€ ์‚ผ๊ฐ€์•ผ ํ•œ๋‹ค! ๊ทธ๋ ‡๋‹ค๋ฉด, ์ „์—ญ ๋ณ€์ˆ˜๋ž€ ๋ฌด์—‡์ด๋ฉฐ, ์‚ผ๊ฐ€์•ผ ํ•˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ผ๊นŒ? ** ์ „์—ญ๋ณ€์ˆ˜ (global variable) ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์—์„œ ๊ฐ€์žฅ ๋ฐ”๊นฅ ๋ฒ”์œ„(window ๊ฐ์ฒด)์— ๋ณ€์ˆ˜๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ. ํ•จ์ˆ˜ ์•ˆ์— ํฌํ•จ๋˜์ง€ ์•Š์Œ. ์˜ˆ์ œ๋ฅผ ํ†ตํ•ด ์‚ดํŽด๋ณด์ž. var x = 'global'; function ex() { var x = 'local'; x = 'change'; } ex(); // x๋ฅผ ๋ฐ”๊ฟ”๋ณธ๋‹ค. alert(x); // ์—ฌ์ „ํžˆ 'global' ํ•จ์ˆ˜ ex ์•ˆ์˜ x๋Š” local๋ณ€์ˆ˜(์ง€..

WEB STUDY/JAVASCRIPT 2022. 1. 10. 12:11
javaScript. Window ๊ฐ์ฒด

๐Ÿ’ก Window ๊ฐ์ฒด๋ž€? - ๋ธŒ๋ผ์šฐ์ €์˜ ์š”์†Œ๋“ค๊ณผ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์—”์ง„, ๊ทธ๋ฆฌ๊ณ  ๋ชจ๋“  ๋ณ€์ˆ˜๋ฅผ ๋‹ด๊ณ  ์žˆ๋Š” ๊ฐ์ฒด - ๋ธŒ๋ผ์šฐ์ € ์ „์ฒด๋ฅผ ๋‹ด๋‹นํ•˜๋Š” ๊ฒƒ์ด Window ๊ฐ์ฒด (cf. Document ๊ฐ์ฒด = ์›น์‚ฌ์ดํŠธ๋งŒ ๋‹ด๋‹น) - Document ๊ฐ์ฒด๋„ Window ๊ฐ์ฒด ์•ˆ์— ๋“ค์–ด์žˆ์Œ. window๊ฐ์ฒด ์•„๋ž˜์—๋Š” ๋งŽ์€ ์†์„ฑ(property)๊ณผ ๋ฉ”์†Œ๋“œ(method)๊ฐ€ ์กด์žฌํ•จ.๊ทธ์ค‘์—์„œ๋„ ๋Œ€ํ‘œ์ ์ธ ๊ฒƒ์„ ์‚ดํŽด๋ณด๋ฉด * ๊ฐ์ฒด : screen , location , history , document ๊ฐ์ฒด* ๋ฉ”์†Œ๋“œ : parseInt , isNaN ๋“ฑ ์‚ฌ์‹ค parseInt๊ฐ™์€ ๊ฒฝ์šฐ์—๋„ window.parseInt()๋ผ๊ณ  ์ž‘์„ฑํ•˜์ง€ ์•Š๊ณ  parseInt()๋ผ๊ณ ๋งŒ ์ž‘์„ฑํ•œ๋‹ค.Window ๊ฐ์ฒด๋Š” ๋ชจ๋“  ๊ฐ์ฒด์˜ ์กฐ์ƒ, ์ฆ‰ ์ „์—ญ๊ฐ์ฒด(global obje..

WEB STUDY/JAVASCRIPT 2022. 1. 10. 11:07