Javascript Refresh

4540 ワード

[1] let & const

  • let : variable values
  • const:constant value->初期割当後に変更しない場合は
  • を使用します.

    [2] Arrow Functions

    // 기본 함수 문법
    function myFunc() {
    	...
    }
    
    // 화살표 함수 문법
    const myFunct = () => {
    	...
    }
  • No more issues with the this keyword!
  • thisは、予期しないオブジェクトを含む可能性のあるリスクを排除します.
    本明細書では、returnのみを返す場合は、returnを省略して1行に短縮できます.
     const muliply = (number) => {
     	return number * 2;
     }
     
     const mulltiply = (number) => number * 2;

    [3] Exports & Imports (Modules)


  • defaultにエクスポートされたモジュールは、インポート時に
  • と任意に名前を付けることができます.
  • defaultとしてエクスポートされていないモジュールは、{カッコ}を使用して正しい名前でインポートする必要があります(別名を使用する場合は、を参照).

  • [4] Classes


  • super():親ジェネレータを実行するキーワード
  • [5] Classes, Properties & Methods

  • Properties are like "variables attached to classes/objects"
  • Methods are like "functions attached to classes/objects"
  • [6] Spread & Rest Operators

  • Spread : Used to split up array elements OR object properties
  • const numbers = [1, 2, 3];
    const newNumbers = [...numbers, 4]; // [1, 2, 3, 4]
  • Rest : Used to merge a list of function arguments into an array
    (1つ以上のパラメータを受信して配列に結合する)
  • function sortArgs(...args) {
    	return args.sort()
    }

    [7]設計(分配構造分解)


    Easily extract array elements or object properties and store them in variables
  • spread:すべての要素と属性を新しい配列または新しいオブジェクト
  • に割り当てる
  • destructuring:1つの要素または属性のみを配列またはオブジェクトとして格納する変数
  • // Array Destructuring : 순서가 어떤 속성을 취할지 정함
    [a, b] = ['Hello', 'Max']
    console.log(a) // Hello
    console.log(b) // Max
    
    // Object Destructuring : 속성의 이름이 어떤 속성을 취할지 정함
    {name} = {name: 'Max', age: 28}
    console.log(name) // Max
    console.log(age) // undefined

    [8] Array Functions

    const numbers = [1, 2, 3];
    const doubleNumArray = numbers.map((num) => num * 2);
    map() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map find() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find findIndex() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex filter() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter reduce() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce?v=b concat() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/concat?v=b slice() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice splice() => https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice