JS 소소한 팁 정리

murkgom·2020년 12월 24일
0

다양한 console

//기본 로그
console.log('Hello World!');

//객체를 계층구조로 보기에 용이함
const obj = {};
console.dir(obj);

//경고, 에러 가독성 향상
console.warn('주의!');
console.error('에러!');

//타이머
const timer = 'myTimer';
console.time(timer);		//타이머 시작
console.timeLog(timer);		//경과된 시간 표출
console.timeEnd(timer);		//경과된 시간 표출 & 타이머 종료

array

//Array 선언
const arrayNew = new Array();		
const array = [];	//성능상 더 좋음

//값 추가
array.push(1);
array[0] = 1;		//성능상 더 좋음

//array와 object 구별하기
const obj = {};
console.log(array.constructor.name);		//'Array'
console.log(obj.constructor.name);		//'Object'

arguments

//arguments length 알아내기
function func1(arg1, arg2, arg3, arg4) {};
console.log(func1.length);		//4

//arguments 객체 이용하기
function sum() {
  for (var i = 0, result = 0; len = arguments.length; i < len; i++) {
    result += arguments[i];
  }
  
  return result;
}
console.log(sum(1,2,3)); //6
console.log(sum(1,2,3,4,5)); //15

즉시실행함수

//한 번 호출되고 사라지기 때문에 초기화에 용이(악용 방지)
(function(arg1) {
	//init
})(arg1);

0개의 댓글

관련 채용 정보