전문적인 웹 프로그래밍 자바스크립트

개시하다

Chapter 3

Google Chrome DevTools Tips

재부팅해도 기록 유지

console.테이블로 보기 쉬운 배열

const arr = [111,1111,11111,22,33333,444]
console.table(arr)

Live Expression 을 ON 으로 설정하고 평가할 형식을 입력한 후 Live에서 수행

Chapter 2

const hoge = "絵文字🌵❗🍲"
console.log(hoge.length) // 8
console.log(hoge.split('').length) // 8
console.log(Array.from(hoge).length) // 6
console.log([...hoge].length) // 6

const arr = [111,222,333,444]
const sum = arr.reduce((res, val) => {
  return res + val
}, 1000000)
console.log(sum) // 1001110

Chapter 1

this 정보

function hoge() {
  console.log(this);
}
hoge() // -> undefined

const hoge = {
  fuga: 'fuga',
  test: function() {
    console.log(this);
  }
}
hoge.test()

↓
{
  fuga:"fuga",
  test:f test {...}
}

hoge.test.apply('ここがthisに反映されます !!') // ここがthisに反映されます !!
hoge.test.call('ここがthisに反映されます !!') // ここがthisに反映されます !!

const bindHoge = hoge.test.bind('bindを使ったよ')
bindHoge() // bindを使ったよ

기간을 나누어 대입하다.

// arrayの場合
const arr = ['aaa', 'bbb', 'ccc']
const [a, ...etc] = arr
console.log(etc)

['bbb', 'ccc']

// objectの場合
const objs = {
  aaa: 'aaaa',
  bbb: 'bbbb',
  ccc: 'cccc'
}
const {aaa, ...etc} = objs
console.log(etc)

{
bbb:"bbbb",
ccc:"cccc"
}

Chapter 0

JavaScript와 웹 페이지의 관계