목록2024/01/17 (5)
Minwoo Dev.
생성자는 객체를 만드는 역할을 한다. function a() { } let ab = a(); console.log(ab); 예를 들어, 위와 같이 a라는 함수가 존재하고, 그 함수를 ab라는 변수에 넣는다고 하자. ab를 출력하면 , 우리의 의도대로 객체 a 가 들어있어야 한다. 결과 하지만 결과는 undefined가 나온다. 왜냐하면 a 함수는 현재 아무 반환값(return)을 가지고 있지 않기 때문이다. 변수에 우리가 만든 함수(객체)를 넣고 싶을 때, 우리는 생성자인 new를 사용할 수 있다. function a() { } let ab = new a(); // new 생성자 추가 console.log(ab); 위처럼 new 생성자를 사용하여 객체를 추가해주면, new 생성자가 객체를 임의로 하나 생..
사용할 함수.call(this, 사용할 함수의 첫번째 인자, ..., 사용할 함수의 N번째 인자) B라는 함수에서 A객체의 내용을 호출할 때 사용한다. 다시 말해서, 함수 밖의 객체를 함수로 불러와 사용할 때, 사용한다. 인자들은 사용할 함수의 형식을 따른다. 전달할 객체가 없는 경우에는 null, undefined를 넣는다. const minu = { name: 'Minwoo', }; const yewon = { name: 'Yewon', }; function ShowName() { console.log(this.name); } ShowName(); // 아무것도 출력되지 않음 ShowName.call(minu); // Minwoo라는 값이 출력. ShowName() 을 호출하면 아무 일도 일어나지 않..
이 게시물은 인프런 강의 [생활코딩 - 자바스크립트(JavaScript) 기초] 강의를 듣고 개인적으로 기록한 게시물입니다. arguments 함수에 전달된 인자들을 담고있는 객체이다. 아래 코드를 보자. function sum() { let i, _sum = 0; for (i = 0; i < arguments.length; i++) { console.log(i + ' : ' + arguments[i] + "\n"); _sum += arguments[i]; } return _sum; } console.log('result : ' + sum(7, 8, 9, 10)); 위 코드에서 sum은 매개변수가 없다. 하지만 제일 아래의 코드에는 sum(7,8,9,10) 과 같은 방식으로 인자를 전달해주고 있다. 이런..
JavaScript에서 함수는 값으로 사용될 수 있다. 그 말은 즉, 함수가 매개변수와 인자의 값으로도 전달될 수 있다는 이야기인데, 아래 코드를 통해 자세히 들여다보자. function sayDate(month, day, callback) { let wo = '오늘은 ' + month + '월 ' + day + '일 입니다.'; callback(wo); } sayDate('1', '17', function (month, day) { console.log(month, day); }) 위 코드의 sayDate 함수는 wo라는 변수를 가지고 있다. 그리고 함수의 내부에서 wo 변수를 가지고 callback 함수를 실행시킨다. 마지막 줄에서 sayDate를 실행시키는데, 첫번째 두번째 인자는 각각 month와..
이 게시물은 인프런 강의 [생활코딩 - 자바스크립트(JavaScript) 기초] 강의를 보고 개인적으로 기록한 게시물입니다. 값으로서의 함수 JavaScript 코드들을 보면 아래와 같이 함수가 변수에 대입되는 경우를 본 적이 있을 것이다. let a = function(){} 변수에 담을 수 있는 것은 값일텐데, 함수가 어떻게 들어간걸까 ? 그 이유는, JavaScript에서는 함수가 값으로도 사용되기 때문이다. 즉 함수도 객체라는 말이다. 위처럼 변수뿐만 아니라, 객체의 값으로도 사용될 수 있다. a = { k: function () { // k : 속성(property) , funtion(){} : 메소드(method) } }; 위 코드는 객체의 key 값으로 k를 주었고, 그에 해당하는 value..