본문 바로가기

JavaScript136

Javascript) 단축 속성 문법 안녕하세요, 코린이의 코딩 학습기 채니 입니다. 개인 포스팅용으로 내용에 오류 및 잘못된 정보가 있을 수 있습니다. 단축속성문법 (ES6) - 속성명 : 속성값 - 속성으로 변수를 전달하면, 자동으로 변수명 : 값으로 처리 HTML 코드 단축속성문법 Javascript 코드 const test5 = () => { const name = '홍길동'; const lang = 'Javascript'; const dev = {name, lang}; console.log(dev); } 속성으로 변수를 전달하였더니 자동으로 변수명 : 값으로 처리된 것을 확인할 수 있습니다. 일반 객체 생성 문법과 혼용하여 사용할 수도 있습니다. const test5 = () => { const name = '홍길동'; const .. 2022. 5. 25.
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.

티스토리툴바