JS 기초문법

QA - Test - Errer·2022년 10월 18일
1

TIL

목록 보기
1/52
post-thumbnail

오늘 중요하게 배운것

화살표 함수 (Arrow Function)
딕셔너리 키와 값을 빠르게 꺼내기! - 비구조 할당
자바스크립트 안에서 줄바꿈을 자유롭게! - 리터럴
딕셔너리를 짧게 만들어보기! - 객체 리터럴
map -반복문의 또 다른 방식

1.😀화살표 함수 (Arrow Function)

기존 방식

let a = function() {
  console.log("function");
}
a();

최신 방식

let a = () => {
  console.log("arrow function");
}
a();.
  1. 🙂딕셔너리 키와 값을 빠르게 꺼내기! - 비구조 할당

기존 할당 방식

let owner = blog.owner
let getPost = blog.getPost()

비구조 할당 방식

let { owner, getPost } = blog;

3.😋( ` ) 안에서는 여러 줄의 줄바꿈도 자유롭게 사용 가능합니다.

const url = `http://noahlog.tistory.com/login/${id}` ;

4.👍기존에는 객체(딕셔너리)를 생성할 때, 필드명과 대입할 변수명이 같은 상황에서 다음과 같이 코드를 작성하였습니다.

[기존 방식]

var name = "스파르타";
var job = "developer";

var user = {
  name: name,
  job: job
}

console.log(user);
//{name: "스파르타", job: "developer"}
[최신 방식]

var name = "스파르타";
var job = "developer";

var user = {
  name,
  job
}

console.log(user);
//{name: "스파르타", job: "developer"}```
profile
https://dirt-shoe-59d.notion.site/QA-Engineer-a021ababa8b44cb780000fc01eca2a8e

0개의 댓글