๐Ÿ“– ๋ฐ์ดํ„ฐ ํƒ€์ž…

c_yjยท2022๋…„ 6์›” 23์ผ
0

DeepDive

๋ชฉ๋ก ๋ณด๊ธฐ
2/42
post-thumbnail

โ˜‘๏ธ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ(ES6)๋Š” 7๊ฐœ์˜ ๋ฐ์ดํ„ฐ ํƒ€์ž…์„ ์ œ๊ณตํ•œ๋‹ค

์ˆซ์žํƒ€์ž… : ์ˆซ์ž, ์ •์ˆ˜์™€ ์‹ค์ˆ˜ ๊ตฌ๋ถ„ ์—†์ด ํ•˜๋‚˜์˜ ์ˆซ์ž ํƒ€์ž…๋งŒ ์กด์žฌ
๋ฌธ์ž์—ด ํƒ€์ž… : ๋ฌธ์ž์—ด
๋ถˆ๋ฆฌ์–ธ ํƒ€์ž… : true, false
undefined ํƒ€์ž…
null ํƒ€์ž… : ๊ฐ’์ด ์—†๋‹ค๋Š” ๊ฒƒ์„ ์˜๋„์ ์œผ๋กœ ๋ช…์‹œํ•  ๋•Œ ์‚ฌ์šฉํ•˜๋Š” ๊ฐ’
์‹ฌ๋ฒŒ ํƒ€์ž… : ES6์—์„œ ์ถ”๊ฐ€๋œ 7๋ฒˆ์จฐ ํƒ€์ž…
๊ฐ์ฒด ํƒ€์ž… : ๊ฐ์ฒด,ํ•จ์ˆ˜,๋ฐฐ์—ด ๋“ฑ

โ˜‘๏ธ ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด

ES6๋ถ€ํ„ฐ ํ…œํ”Œ๋ฆฟ ๋ฆฌํ„ฐ๋Ÿด์ด๋ผ๊ณ  ํ•˜๋Š” ์ƒˆ๋กœ์šด ๋ฌธ์ž์—ด ํ‘œ๊ธฐ๋ฒ•์ด ๋„์ž…๋˜์—ˆ๋‹ค.

var template = `Template literal`;
console.log(template); // Template literal
var first = 'Ung-mo';
var lsat = 'Lee';

// ES6: ํ‘œํ˜„์‹ ์‚ฝ์ž…
console.log(`My name is ${first} ${last}.`); // My name is Ung-mo Lee.

โ˜‘๏ธ ์‹ฌ๋ฒŒ ํƒ€์ž…

์‹ฌ๋ฒŒ์€ ES6์—์„œ ์ถ”๊ฐ€๋œ 7๋ฒˆ์งธ ํƒ€์ž…์œผ๋กœ, ๋ณ€๊ฒฝ ๋ถˆ๊ฐ€๋Šฅํ•œ ์›์‹œ ํƒ€์ž…์˜ ๊ฐ’์ด๋‹ค. ์‹ฌ๋ฒŒ ๊ฐ’์€ ๋‹ค๋ฅธ ๊ฐ’๊ณผ ์ค‘๋ณต๋˜์ง€ ์•Š๋Š” ์œ ์ผ๋ฌด์ดํ•œ ๊ฐ’์ด๋‹ค. ๋”ฐ๋ผ์„œ ์ฃผ๋กœ ์ด๋ฆ„์ด ์ถฉ๋Œํ•  ์œ„ํ—˜์ด ์—†๋Š” ๊ฐ์ฒด์˜ ์œ ์ผํ•œ ํ”„๋กœํผํ‹ฐ ํ‚ค๋ฅผ ๋งŒ๋“ค๊ธฐ ์œ„ํ•ด ์‚ฌ์šฉํ•œ๋‹ค.

// ์‹ฌ๋ฒŒ ๊ฐ’ ์ƒ์„ฑ
var key = Symbol('key');
console.log(typeof Key); // symbol

// ๊ฐ์ฒด ์ƒ์„ฑ
var obj = {};

// ์ด๋ฆ„์ด ์ถฉ๋Œํ•  ์œ„ํ—˜์ด ์—†๋Š” ์œ ์ผ๋ฌด์ดํ•œ ๊ฐ’์ธ ์‹ฌ๋ฒŒ์„ ํ”„๋กœํผํ‹ฐ ํ‚ค๋กœ ์‚ฌ์šฉํ•œ๋‹ค.
obj[key] = 'value';
console.log(obj[key]); // vallue
profile
FrontEnd Developer

0๊ฐœ์˜ ๋Œ“๊ธ€