๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
Front-end/JS

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ํ‘œํ˜„์‹ & ๋ฌธ

by ciocio 2021. 7. 21.

๐Ÿ“Œ  ๊ฐ’value?

 

์‹(ํ‘œํ˜„์‹expression)์ด ํ‰๊ฐ€evaluate๋˜์–ด ์ƒ์„ฑ๋œ ๊ฒฐ๊ณผ

 

๐Ÿ“Œ  ๋ฆฌํ„ฐ๋Ÿดliteral?

 

์‚ฌ๋žŒ์ด ์ดํ•ดํ•  ์ˆ˜ ์žˆ๋Š” ๋ฌธ์ž, ๋˜๋Š” ์•ฝ์†๋œ ๊ธฐํ˜ธ๋ฅผ ์‚ฌ์šฉํ•ด ๊ฐ’์„ ์ƒ์„ฑํ•˜๋Š” ํ‘œ๊ธฐ๋ฒ•notation

 

๋ฆฌํ„ฐ๋Ÿด ์˜ˆ์‹œ ๋น„๊ณ 
์ •์ˆ˜ ๋ฆฌํ„ฐ๋Ÿด 100  
๋ถ€๋™์†Œ์ˆ˜์  ๋ฆฌํ„ฐ๋Ÿด 10.5  
2์ง„์ˆ˜ ๋ฆฌํ„ฐ๋Ÿด 0b010000001 0b ๋กœ ์‹œ์ž‘
8์ง„์ˆ˜ ๋ฆฌํ„ฐ๋Ÿด 0o101 0o ๋กœ ์‹œ์ž‘ (ES6 ๋„์ž…)
16์ง„์ˆ˜ ๋ฆฌํ„ฐ๋Ÿด 0x41 0x ๋กœ ์‹œ์ž‘ (ES6 ๋„์ž…)
string ๋ฆฌํ„ฐ๋Ÿด 'Hello' "World"  
boolean ๋ฆฌํ„ฐ๋Ÿด true false  
null ๋ฆฌํ„ฐ๋Ÿด null  
undefined ๋ฆฌํ„ฐ๋Ÿด undefined  
object ๋ฆฌํ„ฐ๋Ÿด { name : 'Lee' }  
array ๋ฆฌํ„ฐ๋Ÿด [ 1, 2, 3 ]  
function ๋ฆฌํ„ฐ๋Ÿด function( ) { }  
์ •๊ทœ ํ‘œํ˜„์‹ ๋ฆฌํ„ฐ๋Ÿด / [ A - Z ]+ / g  

 

 

๐Ÿ“Œ  ํ‘œํ˜„์‹expression?

 

๊ฐ’์œผ๋กœ ํ‰๊ฐ€๋  ์ˆ˜ ์žˆ๋Š” ๋ฌธstatement

์ฆ‰, ํ‘œํ˜„์‹์ด ํ‰๊ฐ€evaluate๋˜๋ฉด ์ƒˆ๋กœ์šด ๊ฐ’์„ ์ƒ์„ฑํ•˜๊ฑฐ๋‚˜, ๊ธฐ์กด ๊ฐ’์„ ์ฐธ์กฐํ•œ๋‹ค.

 

๋ฌธ๋ฒ•์ ์œผ๋กœ ๊ฐ’์ด ์œ„์น˜ํ•  ์ˆ˜ ์žˆ๋Š” ์ž๋ฆฌ์—๋Š” ํ‘œํ˜„์‹๋„ ์œ„์น˜ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

// ๋ฆฌํ„ฐ๋Ÿด ํ‘œํ˜„์‹
10
'Hello'

// ์‹๋ณ„์ž ํ‘œํ˜„์‹       (์„ ์–ธ์ด ์กด์žฌํ•œ๋‹ค๊ณ  ๊ฐ€์ •)
sum
arr[1]

// ์—ฐ์‚ฐ์ž ํ‘œํ˜„์‹
10 + 20
sum = 10
sum != 10

// ํ•จ์ˆ˜/๋ฉ”์„œ๋“œ ํ‘œํ˜„์‹   (์„ ์–ธ์ด ์กด์žฌํ•œ๋‹ค๊ณ  ๊ฐ€์ •)
square()
person.getname()

 

 

๐Ÿ“Œ  ๋ฌธstatement?

 

ํ”„๋กœ๊ทธ๋žจ์„ ๊ตฌ์„ฑํ•˜๋Š” "๊ธฐ๋ณธ ๋‹จ์œ„" ์ด์ž "์ตœ์†Œ ์‹คํ–‰ ๋‹จ์œ„" ์ด๋‹ค. 

 

๋ฌธ์€ ์—ฌ๋Ÿฌ ํ† ํฐ์œผ๋กœ ๊ตฌ์„ฑ๋œ๋‹ค

ํ† ํฐtoken์ด๋ž€, ๋ฌธ๋ฒ•์ ์ธ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง€๋ฉฐ + ๋ฌธ๋ฒ•์ ์œผ๋กœ ๋” ์ด์ƒ ๋‚˜๋ˆŒ ์ˆ˜ ์—†๋Š” ์ฝ”๋“œ์˜ ๊ธฐ๋ณธ ์š”์†Œ๋ฅผ ์˜๋ฏธํ•œ๋‹ค.

 

// ๋ณ€์ˆ˜ ์„ ์–ธ๋ฌธ (ํ‘œํ˜„์‹ X)
var x;

// ํ• ๋‹น๋ฌธ     (ํ‘œํ˜„์‹ O)
x = 5; 

// ํ•จ์ˆ˜ ์„ ์–ธ๋ฌธ (ํ‘œํ˜„์‹ X)
function foo(){}

// ์กฐ๊ฑด๋ฌธ     (ํ‘œํ˜„์‹ X)
if(x > 1){console.log(x);}

// ๋ฐ˜๋ณต๋ฌธ     (ํ‘œํ˜„์‹ X)
for(var i = 0; i < 2; i++){console.log(i);}

 

โ— ํฌ๋กฌ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—์„œ ํ‘œํ˜„์‹์ธ ๋ฌธ์„ ์‹คํ–‰ํ•˜๋ฉด ์–ธ์ œ๋‚˜ ํ‰๊ฐ€๋œ ๊ฐ’์„ ๋ฐ˜ํ™˜ํ•œ๋‹ค.

โ— ํฌ๋กฌ ๊ฐœ๋ฐœ์ž ๋„๊ตฌ์—์„œ ํ‘œํ˜„์‹์ด ์•„๋‹Œ ๋ฌธ์„ ์‹คํ–‰ํ•˜๋ฉด ์–ธ์ œ๋‚˜ undefined๋ฅผ ์ถœ๋ ฅํ•œ๋‹ค.  -->  ์ด๋ฅผ ์™„๋ฃŒ๊ฐ’์ด๋ผ ํ•œ๋‹ค.

โ— ํ‘œํ˜„์‹์ด ์•„๋‹Œ ๋ฌธ์€ ๊ฐ’์ฒ˜๋Ÿผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๋‹ค.

 

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€