본문 바로가기
반응형

웹개발80

[JavaScript] 매개변수에 기본값 지정하기 오늘은 함수의 매개변수에 기본값을 지정하는 방법에 대해서 알아보았다. 함수의 매개변수에 기본값을 넣는 방법은 간단했다. function myNum(a, b = 1){ return a + b; } let result = myNum(3); console.log(result); // 4; console.log(myNum(3, 3)); // 6 또한 배열을 매개변수의 기본값으로 사용할 수도 있으며 함수도 가능하다. function myArr(a = 0, array = [1, 2, 3]) { return array[a]; } console.log(myArr()); // 1 console.log(myArr(2)); // 3 console.log(myArr(4,[1,2,3,4,5,6])); // 5 function .. 2020. 9. 15.
[JavaScript] 클래스 (Class) 선언 및 사용 오늘은 JavaScript에서 클래스를 어떻게 사용하는지에 대해서 알아보았다. JavaScript 에서 Class는 함수로 정의할 수 있다. (앞에 꼭 대문자 붙여주기!) ES5와 ES6에서 그 사용이 살짝 다른데 예시를 통해 알아보겠다. // ES5 function MyUser (name, age, address) { this.name = name; this.age = age; this.address = address; } MyUser.prototype.introduce = function(){ console.log(`안녕하세요. 제 이름은 ${this.name} 이구요 나이는 ${this.age}입니다.`); } let leo = new MyUser('leo', 25, '지구'); console.lo.. 2020. 9. 15.
[JavaScript] 클로저 (Closure) 오늘은 클로저 (Clsure)에 대해서 공부했다. 클로저는 외부 함수의 변수에 접근이 가능한 내부 함수로 함수 안에 함수가 있는 형태이다. 외부 함수에서 내부 함수를 리턴 시켜줄 수 있기 때문에 내부 함수로 값이 저장이 가능하다. 또한 접근 범위를 지정해 줄 수 있어서 private 지정자처럼 사용이 가능하다. (객체 지향 프로그래밍의 특징 중 하나인 은닉성과 연관 지을 수 있다.) 함수의 외부에서는 내부로 접근이 불가능하지만 내부에서는 외부에 선언된 변수를 참조할 수 있기 때문에 유용하게 사용이 가능하다. 또한 클로저는 마치 객체처럼 사용이 가능하다. function myUser(name, age){ return function addUser() { console.log(`이름은 ${name} 이고, .. 2020. 9. 15.
[JavaScript] arguments 객체 오늘은 argments 객체에 대해서 알아보았다. MDN에서는 arguments에 대해서 이렇게 설명했다. arguments 객체는 함수에 전달된 인수에 해당하는 Array 형태의 객체이다. arguments 객체는 모든 함수 내에서 이용 가능한 지역 변수이며 arguments 객체를 사용하여 함수 내에서 모든 인수를 참조할 수 있다. 호출할 때 제공한 인수 각각에 대한 항목을 갖고 있다. 말그대로 함수에 인수로 들어온 값이 여러개일때 arguments[0], arguments[1] , ... 이렇게 접근이 가능하다는 말인것 같다. 좀 더 자세히 알아보기 위해 예제를 살펴보았다. function func1(a, b, c) { console.log(arguments[0]); // a // expected .. 2020. 9. 15.
반응형

티스토리툴바