분류 전체보기71 [자바스크립트] call(), apply() 차이점 그리고 this 1. call() From MDN 주어진 값과 각각의 아규먼트를 받아 함수를 호출한다 The call() method calls the function with a given this value and arguments provided individually. 2. bind() From MDN 주어진 값과 배열 아규먼트를 받아 함수를 호출한다 The apply() method calls the specified function with a given this value, and arguments provided as an array (or an array-like object). call(object, 1, 2,3) vs apply(object, [1,2,3] call, apply는 동일하게 동작하며 매.. 2022. 11. 13. [자바스크립트] 함수를 리턴하는 함수(Functions returning functions) function greet(greet){ return function(name){ console.log(`${greet} ${name}`) } } console.log(greet('Hello')) // Q-1 console.log(greet('Hello')('Thomas')) // Q-2 Q-1 과 Q-2를 실행시켰을 경우에 console.log() 에 찍히는 값은 무엇일까요 ????? Q-1은 아무것도 없으며 Q-2는 "Hello Thomas" 를 출력하게 됩니다 greet('Hello')가 실행되면 함수는 아래 있는 함수를 리턴하게 됩니다 return function(name){ console.log(`${greet} ${name}`) } console.log() 왜 안 찍히는지 보이시나요 ? gr.. 2022. 11. 13. [자바스크립트 ] 아규먼트 vs 파라미터(Argument vs Parameter) 작업을 하는 도중에 항상 헷갈리는 워딩이 있다 그것은 바로 argument 와 parameter 이다 정의를 살펴보면 이러하다 1. 파라미터(Paramter) From MDN 파라미터는 함수내부에서 사용되는 변수명이고, 이 변수들은 arguments를 함수안으로 불러오기(import) 위해 사용한다 A parameter is a named variable passed into a function. Parameter variables are used to import arguments into functions. function example01(parameter) { console.log(parameter); // Output = foo } function example02(anything) { cons.. 2022. 11. 12. 타입스크립트 리터럴 타입(Literal Type) 타입스크립트(TypeScript)의 리터널 타입(Literal Type)은 string, number 두 가지가 존재하며 정확한 값을 지정하여 사용 combine 함수 3번쨰 인자 resultConversion 은 'as-number' | 'as-text' 로 문자형 리터럴 타입(String Literal Type)으로 두 가지의 경우의 값만 받을 수 있다고 명시적으로 나타내고 있다 기존에는 input1, input2 의 type이 number인 경우에만 숫자로 return을 했지만 3번쨰 인자 'as-number' 을 추가함으로써 input1, input2 의 타입과 상관없이 'as-number' 인 경우에 숫자로 return 한다 function combine( input1: number | stri.. 2022. 11. 12. 타입스크립트 유니온(Union) 유니온 타입(Union Type)이란 자바스크립트의 OR 연산자( || )와 같이 A이거나 B이다 라는 의미의 타입입니다. function combine(input1: number | string, input2: number | string) { let result; if (typeof input1 === 'number' && typeof input2 === 'number') { result = input1 + input2; } else { result = input1.toString() + input2.toString(); } return result; } const combinedAges = combine(30, 26); console.log(combinedAges); // 56 const combi.. 2022. 11. 12. 타입스크립트 enum enum GenderType { male, female } console.log(GenderType.male) // 0 console.log(GenderType.female) // 1 enum 을 통해 계속해서 사용되는 값을 묶을 수 있다 일반적으로 속성의 값을 지정해주지 않으면 인덱스처럼 값이 할당되므로 console.log 시 위처럼 0, 1 출력된다 enum GenderType { male = 'MALE', female = 'FEMALE' } console.log(GenderType.male) // 'MALE' console.log(GenderType.female) // 'FEMALE' 인덱스 값이 아닌 원하는 값을 지정해서 사용할 수도 있다 2022. 11. 12. 이전 1 ··· 8 9 10 11 12 다음
