반응형 전체 글601 코드스테이츠 소프트웨어엔지지어링 부트캠프 +17일 오늘은 많은 개념을 배웠다. 1. 원시자료형과 참조자료형 1-1. symbol 2. 스코프 3. 클로저 원시자료형과 참조자료형의 차이 원시자료형은 값을 저장하고 값을 복사하기 때문에 원본에 영향이 없다. boolean, number, string, null, undefined, symbol이 있다. let a = 3; let b= a; //b에 a의 값을 복사한다. a //a = 3 b //b = 3 b=2; //b에 2할당해도 a //a의 값은 여전히 3이다. 애초에 변수 b에는 변수 a의 값인 3이 복사되었기 때문에 나중에 변수 b에 2를 할당하는 것은 변수 a 와 관련이없다. 참조자료형은 주소를 저장하고 주소를 복사하기 때문에 원본에 영향이 간다. let a = [3,1,2] let b = a //.. 2021. 8. 4. js 클로저 1. 클로저의 개념 클로저를 MDN에서 찾아보면 '함수와 함수가 선언된 어휘적 환경의 조합' 이라고 나와있다. 무슨말인지 모르겠다. 다행히 코드스테이츠에서 이해하기 쉽게 설명을 해주었다. 그걸 내가 한문장으로 요약해봤는데, 여러분들에게도 알려주자면 함수를 리턴하는 함수일때 리턴당하는 내부함수가 외부함수의 변수에 접근할 수 있다면, 리턴되는 내부함수를 클로저라고 함. 한편, 클로저는 리턴하는 함수에 의해 스코프(변수의 접근 범위)가 구분된다. 클로저의 핵심은 스코프를 이용해서 변수의 접근 범위를 조정하는 것에 있다. 함수를 리턴하는 것 만큼 중요한 것이 변수가 선언된 곳이다. 보라색 block이 외부함수, 노란색 block을 내부함수라고 하면 adder는 함수를 리턴하는 함수이고 내부함수는 외부함수의 변수.. 2021. 8. 4. JS : 선언자 let, const가 var보다 권장되는 이유 let, const, var의 특징을 설명하기 전에 스코프의 종류부터 간단히 소개하겠다. 스코프의 종류 블록스코프(block scope) : 조건문, 반복문 등등 중괄호로 둘러싼 범위, 화살표함수도 블록스코프임 함수스코프(function scope) : 함수로 둘러싼 범위 말로 설명하는것보다 코드스테이츠의 학습자료를 보는것이 이해가 훨씬 잘 될 것같다. 유의해야할 점은 화살표 함수는 블록 스코프이다. let, const, var let, const, var 은 변수를 선언하는 선언자 이다. 블록 스코프에서 let을 이용하여 선언된 변수 i 에는 블록 범위를 벗어나는 즉시 접근할 수 없다. for (let i = 0; i < 5; i++){ console.log(i); } console.log('final.. 2021. 8. 4. JS : 변수의 유효범위 Scope, 지역변수와 전역변수 Scope : 변수 접근 규칙에 따른 유효범위 안쪽 스코프에서 선언한 변수는 바깥쪽에서 사용불가능 스코프는 중첩이 가능하다 가장 바깥쪽의 스코프는 전역 스코프이다. 전역이 아닌 다른 스코프는 모두 지역 스코프임. 지역변수는 항상 전역변수보다 높은 우선순위를 가진다. 1. 안쪽 스코프에서 선언한 변수는 바깥쪽에서 사용불가능 let name = 'june' if(name){ let talk = `hello ${name}!`; console.log(talk) // hello june! } console.log(talk); //Error 변수 'talk' 는 2~5 조건문 안에서만 유효하다. 2. 스코프는 중첩이 가능하다. 3. 가장 바깥은 전역 스코프이고 그 외는 다 지역 스코프이다. 전역스코프안의 변수를 전.. 2021. 8. 4. 이전 1 ··· 138 139 140 141 142 143 144 ··· 151 다음 반응형
