Javascript ES6에 arrow function

Nguyen Tinh·2023년 5월 7일

reactjs

목록 보기
2/6
post-thumbnail
function logger(log){
	console.log(log);
}
const logger = function logger(log){
	console.log(log);
}
logger('Mess...');

->arrow function:

const logger = (log) =>{
	console...
}
const sum = (a,b) =>{
	return a+b;
}

-->arrow function, return 할때

const sum = (a,b) => a+b;

-->object를 리턴할떄

const sum = (a,b) => {
	a:a,
    b:b
  };
};
==>
const sum = (a,b) => {a: a, b:b};//에러

=>

const sum = (a,b) => ({a:a, b:b});

parameter가 1개만 있는 경우:

const logger = (log) => console.log(log);

=>

const logger = log => console.log(log);

예:

const course = {
	name:' Javascript basic?',
    getName: function(){ //()=>{ ->context가 없다->undefined
    	return this;//context
    }
}
console.log(course.getName());

--arrow function가 function contructor를 쓸 수 없다.

const Course = function(name, price){
	this.name = name;
    this.price = price;
}
const jsCourse = new Course('Javascript', 1000);
console.log(jsCourse);

///Course{name:"Javascript", price: 1000}
const Course = (name, price)=>{
	this.name = name;
    this.price = price;
}
const jsCourse = new Course('Javascript', 1000);
console.log(jsCourse);

///에러: uncaught...course is not a constructor...

0개의 댓글