앱 개발에 자주 쓰이는 JavaScript 1

하이루·2021년 10월 5일
0

함수 선언

[기존 방식]
let a = function(매개변수){
console.log("function");
}
a();
////////////////////////////////////
[최신 방식]
let a = (매개변수) =>{
console.log("function");
}
a();

변수에 담기

[객체]
let blog = {
owner : "noah",
age : 26,
getPost(){
console.log(" haha");
}
};

--> 기존의 할당 방식

let owner = blog.owner
let owner = blog["owner"]

let getPost = blog.getPost()

-->비구조 할당 방식

let { owner, getPost } = blog; --> 위의 기존의 할당 방식과 동일한 내용

// blog(위의 객체)의 키 값과 할당하려는 변수의 이름이 같아야 됨
예를 들어)
let { owner2, getPost } = blog로 할 경우
변수명 owner2에 해당하는 키 값이 blog에 존재하지 않으므로 아무것도 할당되지 않음

 리액트 네이티브 앱을 만들며 가장 많이 사용할 방식
 
 

예)
let blogFunction = ({onwer,age,getPost}) => {
console.log(owner)
console.log(age)
console.log(getPost())
}

blogFunction(blog);

---> noah
26
haha 출력됨

-----> 예시에서는 매개변수를 위의 비구조 할당 방식으로 받고 있음

profile
ㅎㅎ

0개의 댓글