본문 바로가기

Javascript/javascript Core21

[Javascript 강의] 8강 스코프 스코프 스코프(scope)는 유효 범위이다. 스코프는 변수 그리고 함수와 깊은 관련이 있다. 함수의 매개변수는 함수 몸체 내부에서만 참조할 수 있고 함수 몸체 외부에서는 참조할 수 없다. function add(x, y){ //매개변수는 함수 몸체 내부에서만 참조할 수 있다. //즉, 매개변수의 스코프는 함수 몸체 내부다 console.log(x, y); //2 5 return x + y; } add(2, 5); //매개변수는 함수 몸체 내부에서만 참조할 수 있다. console.log(x, y); //ReferenceError: x is not defined var var = 1; //코드의 가장 바깥 영역에서 선언한 변수 if(true){ var var2 = 2; //코드 블록 내에서 선언한 변수 i.. 2021. 9. 25.
[Javascript 강의] 7강 함수 함수 함수는 일련의 과정을 문으로 구현하고 코드 블록으로 감싸서 하나의 실행 단위로 정의한 것이다. //f(x,y) = x + y function add(x,y){ return x + y; } //f(2,5) = 7 add(2,5); //7 함수를 사용하는 이유 함수는 필요할 때 여러 번 호출할 수 있다. 코드의 재사용이라는 측면에서 매우 유용하다. 코드의 중복을 억제하고 재사용성을 높이는 함수는 유지보수의 편의성을 높이고 실수를 줄여 코드의 신뢰성을 높이는 효과가 있다. 함수 리터럴 함수는 객체 타입의 값이다. 따라서 함수도 함수 리터럴로 생성할 수 있다. 함수 리터럴의 구성요소는 함수 이름, 매개변수 목록, 함수몸체 이다. 함수는 객체지만 일반 객체와는 다르다. 일반 객체는 호출할 수 없지만 함수는 .. 2021. 9. 18.
[Javascript 강의] 6강 객체 객체 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이지만 객체 타입의 값, 즉 객체는 변경 가능한 값이다. 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있다. 자바스크립트의 함수는 일급 객체이므로 값으로 취급할 수 있다. 프로퍼티: 객체의 상태를 나타내는 값 메서드: 프로퍼티를 참조하고 조작할 수 있는 동작 객체 리터럴에 의한 객체 생성 //객체 생성 방법 1. 객체 리터럴 2. Object 생성자 함수 3. 생성자 함수 4. Object.create 메서드 5. 클래스(ES6) //객체 리터럴 생성 var person ={ name: 'Lee', sayHello: function(){ console.log(`Hello: My name is ${this.name}`); } } co.. 2021. 9. 14.
[Javascript 강의] 5강 제어문 제어문 조건에 따라 코드 블록을 실행하거나 반복 실행할 때 사용한다. 제어문은 코드의 흐름을 이해하기 어렵게 만들어 가독성을 해치는 단점이 있다. 가독성이 좋지 않은 코드는 오류를 발생시키는 원인이 된다. 나중에 살펴볼 forEach, map, filter, reduce 같은 고차 함수를 사용한 함수형 프로그래밍 기법에서는 제어문의 사용을 억제하여 복잡성을 해결하려고 노력한다. 블록문 조건문 1. if else 문 2. switch문 반복문 1. for 2. while 3. do... while 4. break 문 5. continue 문 6.반복문을 대체할 수 있는 다양한 기능 1) 배열순회 : forEach 2) 객체 프로퍼티 열거: for in 3) 이터러블 순회: for of 2021. 9. 14.

티스토리툴바