JS 표현식(expressions)

1. expression

// expression
{}+1    // 1
{1}+2   // 2
{1+2}+2 // 2
2+(2*3)/2 // expressions
 
const assignedVariable = 2; //this is a statement, assignedVariable is state
 
assignedVariable + 4 // expression
assignedVariable * 10 // expression
assignedVariable - 10 // expression
console.log(assignedVariable); // 2
 
const foo = (n) => {
  return n//explicit return for readability
}
assignedVariable2 = foo(14) 
console.log(assignedVariable2); // 14

2. 함수 선언 및 허용범위

// 함수선언
function fooFunc1 (func) {
  return func.name
}
 
console.log(fooFunc1(function () {} )) // ""
console.log(fooFunc1(function sanghyun () {} )) // "sanghyun"
 
 
// 허용 범위
if (true) {
  function fooFunc2 () {} // top level of block, declaration
}
 
function fooFunc2 () {} //global level, declaration
 
function fooFunc2 () {
  function bar() {} //top level of block, declaration
}
 
function fooFunc2 () {
  return function bar () {} // named function expression
}
 
fooFunc2(function () {}) // anonymous function expression
 
function fooFunc2 () {
  return function bar () {
    function baz () {} // top level of block, declaration
  }
}

3. , 쉼표 사용

// 쉼표, 사용
// 모든 표현식은 왼쪽에서 오른쪽으로 계산되고 마지막 표현식이 반환된다.
console.log( (1+2,3,100) ) //100
console.log( (2, 9/3, function () {}) ) // function (){}
console.log( (3, true ? 2+2 : 1+1) ) // 4
 
function fa1 () {return 1, 2, 3, 200}
console.log(fa1()) //200

4. 익명함수 선언 및 호출

// 익명함수 선언 호출
 
(function () {
  console.log("immediately invoke anonymous function call")
})() // "immediately invoke anonymous function call"
 
(function () {
  return 3
})() // 3
 
console.log((function () {
  return 3
})()) // 3
 
//you can also pass an argument to it
(function (a) {
  return a
})("I'm an argument") // I'm an argument

5. 변수와 문자열 표현방법

// 변수와 문자열 표현방법
var value = 123;
console.log('test ${value}') //=> test ${value}
console.log(`test ${value}`) //=> test 123
console.log('test '+value) //=> test 123

6. label 활용방법

// label 활용 
loop1: {
  for (const i = 0; i < 2; i++) {
    for (const n = 0; n <2; n++) {
      console.log(n);
      break loop1 //breaks outer loop and stops entire loop
    }
  }
}
 
first: for (var i = 0; i < 3; i++) {
  second: for (var j = 0; j < 3; j++) {
    if (i === 1) continue first;
    if (j === 1) break second;
    console.log(`${i} & ${j}`);
  }
}

7. 실습 코드

https://repl.it/@shlee0882/expression-and-statement

https://repl.it/@shlee0882/expression-and-statement-2