[TIL] Modern JavaScript


なぜModern JavaScriptを学ぶのですか?


->昔のjavascriptは不安定でしたが、今は抽象化がうまくいっているので、最近は良いものを応用したいと思っています.

ECMAScript


矢印関数やスプレッドシートなどの新しいテクノロジーのバージョンを整理しました.
既存のエンジニア開発者から多くの使用方法がまとめられているので、これらのコードをうまく適用するだけで半分になります.
[1, 2, 3, ...arr]  === [1, 2, 3].concat(arr) // ECMA

node.jsの意味


->JavaScriptコードをブラウザ以外で使用できるようにするには、nodeを使用します.jsを使うべきです
Javaでサーバーを開発しますか?パソコンで使えますか?
JavaScriptですべてのプログラムを作成できます.
const user = {
      name: '김코딩',
      company: {
        name: 'Code States',
        department: 'Development',
        role: {
          name: 'Software Engineer'
        }
      },
      age: 35
    }

console.log(user)
// {name: "김코딩", company: {…}, age: 35}
const printUser = (user) => {
  console.log(user)
}

printUser(user)
// {name: "김코딩", company: {…}, age: 35}

// 3개를 나눠서 다루고 싶다.
const printUser2 = (user) => {
  console.log(user.name)
  console.log(user.age)
}
printUser2(user)
// 김코딩
// 35

const printUser3 = (user) => {
  const { name, age } = user
  console.log(name)
  console.log(age)
}

printUser3(user)
// 김코딩
// 35

const printUser4 = ({ name, age }) => {
  console.log(name)
  console.log(age)
}

printUser4(user)
// 김코딩
// 35

関数でのオブジェクト分解の使用



This


これにより、まず親オブジェクトがクエリーされます.
ない場合は、windowとglobalを参照してください.
strictモードの場合、定義されていない親オブジェクトが出力されます.
使用する演算子がnewの場合、上記の参照方法とは少し異なります.
矢印関数はこの点を確定しません.