JS - 모듈화 구문

Monday. August 05, 2024 - 1 min

자바 스크립트 모듈화 구문

Javascript - 스프레드 오퍼레이터(Spread Operator)와 모듈화 구문

스프레드 오퍼레이터(Spread Operator)

펼침 연산자
특정 객체 또는 배열의 값을 다른 객체, 배열로 복제하거나 옮길 때 사용
연산자 모양: ...

 // 객체에 스프레드 오퍼레이터 적용
 var obj = {
    a: 10,
    b: 20
 }

 var user = {
    a: obj.a,
    b: obj.b
 }

 var user = {
    a: obj.a,
    b: obj.b,
    c: 30
 }

var user = {
    ...obj,
    c: 30
 }

 // 배열에 스프레드 오퍼레이터 적용

 var arr = ['a', 'b'];

 var newArr = [arr[0], arr[1]];

 

모듈화

Import & Export

자바스크립트의 코드를 모듈화 할 수 있는 기능
모듈화: 자바스크립트의 기능을 특정 파일에서 사용할 수 있는 것

export 변수, 함수

import { 불러올 변수 또는 함수 이름 } from '파일 경로';

---------------------------------------------------------

let pi = 3.14;

export { pi };

import {} from "./";

export default

let message= "hi";

export default message;

----------------------------

import message from "./app";

comments powered by Disqus