본문 바로가기
SMALL

JavaScript135

Javascript) 객체 생성 방법, 속성 참조 방법, 값 제거, 속성 제거, 메소드-this용법(5), Object API 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 객체 생성 방법 ① {} const test1 = () => { const obj1 = { id : 'honggd', name : '홍길동', age : 33, married : true, hobby : ['축구', '야구', '농구'], pet : { name : '뚱이', breed : '시추', age : 10 }, 'phone number' : '01012341234', 'ssn-number' : '990119-1234567', 123 : 456 }; // 리터럴 }; ② new Object() const obj2 = new Object(); obj2.name = '세종대왕'; 속성.. 2022. 5. 23.
Javascript) 자유변수, 클로져함수(사용 이유) 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 자유변수 Free Variable - 함수 내에 선언되지 않은 변수 HTML 코드 자유변수 Javascript 코드 say함수의 지역변수는 word, name이며, greeting은 say() 함수 내에서 선언되지 않았으므로 자유변수입니다. 자유변수는 상황과 위치에 따라 전역변수가 될 수도 있습니다. 클로져함수 Closure Function - 필요한 변수를 모두 갖고 외부로부터 닫힌 함수 - 지역변수, 자유변수 HTML 코드 클로져함수 Javascript 코드 const test2 = () => { const num = 200; const too = foo(); too(); }; func.. 2022. 5. 23.
Javascript) this 용법(3, 4) 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. this 용법 3) 일반함수 안에서 this는 window 전역 객체를 가리킴 function test14() { console.log(this); console.log(window); } this 용법 4) 화살표 함수는 this가 없음 (부모 스코프의 this를 가져와 바인딩) - 부모 스코프는 화살표 함수의 선언 위치를 의미 - this가 바인딩 되면 변경 불가 HTML 코드 this - 화살표함수 Javascript 코드 const test15 = () => { console.log(this); } 화살표 함수가 전역에 위치해있기 때문에 전역의 this는 window이므로 this가.. 2022. 5. 23.
Javascript) 함수를 매개인자로 사용, 함수를 리턴 값으로 사용 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 함수를 매개인자로 사용 - 함수는 1급 객체 (값과 동일) - 함수를 값으로써 사용 HTML 코드 함수고급 - 함수를 매개인자로 사용1 Javscript 코드 const test10 = () => { const f = () => {console.log('안녕')}; runner(f); }; const runner = (f) => { console.log(typeof f, f); }; console.log('안녕')을 출력하는 함수를 변수 f에 담고 runner함수의 매개인자로 넘겨 주었습니다. runner는 매개변수 (f)로 전달 받은 후 f의 type과 f를 확인해보면, function .. 2022. 5. 21.
Javascript) 화살표 함수 - 문법 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 화살표 함수 Arrow Function (ES6) - 익명 함수를 간단히 작성하는 문법 - function(){}를 완전히 대체하지는 못함 * arguments 참조 변수 사용 불가 * 생성자 함수로 사용 불가 * 자신의 this가 없고, 부모 스코프의 this를 가져와 binding HTML 코드 화살표함수 Javascript 코드 문법 const 함수명 = (매개변수명) => {실행부} 매개변수가 하나인 경우, 소괄호 생략 가능 const f1 = a => {console.log(a);}; 함수 몸통부가 한 줄인 경우, {return} 생략 가능 const f2 = (a, b) => a.. 2022. 5. 21.
Javascript) function(2) 매개인자, 매개변수, arguments, 리턴값처리(undefined), 나머지 파라미터, 매개변수의 기본값 처리 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 매개인자, 매개변수 HTML 코드 매개인자 | 매개변수 Javascript 코드 매개인자 (argument 값) - 함수 호출부 매개변수 (parameter 공간) - 함수 선언부 - 자바 스크립트 함수의 매개변수의 순서, 타입이 일치하지 않아도 오류가 발생하지 않음 const test3 = function() { console.log(add(3, 5)); console.log(add(3)); console.log(add(3, 5, 7)); console.log(add('hello', 'world')); } const add = function(a, b) { console.log(`a = .. 2022. 5. 20.
LIST

티스토리툴바