JavaScript

[JavaScript] 함수형 프로그래밍 (일급함수, 고차함수)

[JavaScript] 함수형 프로그래밍 # 평가 - 코드가 계산되어 값으로 만들어지는 것 # 일급 - 값으로 다룰 수 있다. - 변수에 담을 수 있다. - 함수의 인자로 사용될 수 있다. - 함수의 결과로 반환될 수 있다. # 일급 함수 - 함수를 값으로 다룰 수 있다. - 조합과 추상화의 도구 자바스크립트에서 함수는 일급이다. 변수에 함수를 값으로 담을 수 있고, 함수의 인자로 함수를 전달 할 수 있다. 또 함수를 평가해서 값으로 다른 함수에도 전달 할 수 있다. const add5 = a => a + 5; console.log(add5); // a => a + 5 console.log(add5(5)); // 10 const f1 = () => () => 1; console.log(f1()); // ..

2022. 3. 29. 23:27

JavaScript

[JavaScript] ES6 chap.3

[JavaScript] ES6 chap.3 Destructuring * Array // Array var array = [2,3,4]; var a = array[0]; var b = array[1]; var c = array[2]; // == var [a,b,c] = [2,3,4]; // default 값 var [a,b,c = 5] = [2,3]; * Object var { name : a, age : b } = { name : 'Kim', age : 30 }; // { a: 'Kim', b: 30 } // key 생략 var { name, age } = { name : 'Kim', age : 30 }; // { name: 'Kim', age: 30 } - 변수를 Object에 넣기 var name =..

2021. 12. 2. 15:59

JavaScript

[JavaScript] ES6 chap.2

[JavaScript] ES6 chap.2 default parameter & arguments - default parameter function 더하기 (a, b = 10){ // b에 default 값을 부여한다. 연산이나 함수 사용 가능 console.log(a + b) } 더하기(1); // 11 더하기(1, 3); // 4 - arguments function 함수(a,b,c){ console.log(arguments); } 함수(2,3,4); // [2, 3, 4]....arguments function 함수(a,b,c){ for(var i=0; i 기계의 name과 age를 사용할 수 있음 console.log(기계.prototype); // 내부에 prototype이라는 항목이 생성 학생..

2021. 11. 30. 17:27

JavaScript

[JavaScript] ES6 chap.1

[JavaScript] ES6 chap.1 this 1. 아무데서 쓰거나 일반 함수에서의 this는 window ** use strict ** 2. object 자료형 안의 함수에서 this값은 오브젝트 그 자체 this값: 오브젝트 객체 this값: data 객체 * window 객체 - 2번의 뜻은 1번의 뜻과 상통한다. script라는 태그 자체안에 window라는 큰 객체(object)가 있는것이다. 3. constructor(생성자) 안에서 쓰면 constructor로 새로 생성되는 오브젝트 this 값: 생성자 객체 - 함수로 사용 했을시엔 window 객체를 가리키지만 new를 통해 생성자(constructor)로 만들게 되면 해당 function의 이름으로 새로운 object 객체를 만든다..

2021. 11. 29. 14:04

JavaScript

[JavaScript] Chap.2

[JavaScript] Chap.2 반복문 - 단순 for문 사용 var = 사이즈 = [26,28,30,32,34,36]; for (var i = 0; i < 사이즈.length; i++) { var 템플릿 = `${사이즈.[i]}`; $('#option2').append(템플릿); } - foreach문 사용 var = 사이즈 = [26,28,30,32,34,36]; 사이즈.forEach(function(i){ // 6번 반복 해줌 // i 값은 사이즈 안에있는 하나하나의 데이터 var 템플릿 = `${i}`; $('#option2').append(템플릿); }); sort, filter, map - sort() * 기본 sort()는 ㄱ,ㄴ,ㄷ / a,b,c 순으로의 정렬이다. var arr = [..

2021. 11. 25. 17:50

JavaScript

[JavaScript] Chap.1

[JavaScript] Chap.1 변수 // 범위가 function-scope var 나이 = 20; var 나이 = 21; // O 나이 = 22; // O // 범위가 {} block-scope // 재 선언이 불가능한 변수를 만들 때 let 나이 = 20; let 나이; // X 나이 = 21; // O // 범위가 {} block-scope // 재 선언이 불가능한 변수를 만들 때 // 재 할당이 불가능한 변수를 만들 때 const 나이 = 20; const 나이; // X 나이 = 21; // X JQuery animate $('.box').animate({ marginLeft : '100px', 1000 }); // css속성, 밀리초 정규식 정규식 사용: /텍스트/ /abc/ // 정규식...

2021. 11. 19. 17:42