본문 바로가기

javascript23

함수 선언문과 함수 표현식 함수 선언문 function 정의부만 존재하고 별도의 할당 명령이 없는 것을 의미한다. 반드시 함수명이 정의돼 있어야 한다. (기명 함수 표현식) 기명 함수 표현식은 주의할 점이 하나 있다. 바로 외부에서는 함수명으로 호출할 수 없다는 점이다. 함수명은 오직 함수 내부에서만 접근할 수 있다. 함수 표현식 정의한 function을 별도의 변수에 할당하는 것 함수명이 정의되지 않아도 된다. (익명 함수 표현식) 일반적으로 함수 표현식은 익명 함수 표현식을 말한다. 🎈함수를 정의하는 세 가지 방식 function a () { } // 함수 선언문. 함수명 a가 곧 변수명 a(); // 실행 var b = function () { } // (익명) 함수 표현식. 변수명 b가 곧 함수명 b(); // 실행 var.. 2021. 11. 16.

await, async, promise 📞 비동기란? 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 것. ex) ajax, setTimeout(), callback 👉🏻 비동기 처리가 필요한 이유? 화면에서 서버로 데이터를 요청했을때 서버가 언제 그 요청에 대한 응답을 줄지 모르는데 마냥 기다릴 순 없기 때문이다. 또한, JavaScript는 싱글 스레드 언어이기 때문에 비동기 처리가 필수적이다. 📞 await, async promise의 문제점을 보완하기 위해 가장 최근에 나온 비동기 처리 문법. 기존의 callback이나promise의 단점을 보완하기 위해 만들어졌다. ex) callback 지옥, then() 지옥 await와 async는 주로 같이 쓰인다. 기존 동기식 처리의 단점을 보완하고 가독.. 2021. 11. 10.

[JavaScript] undefined, null, undeclared 🍄 undefined (미정의 변수) 값을 대입하지 않은 변수, 즉 데이터 영역의 메모리 주소를 지정하지 않은 식별자에 접근할 때 객체 내부의 존재하지 않는 프로퍼티에 접근하려고 할 때 return문이 없거나 호출되지 않는 함수의 실행 결과 🍄 null 사용자가 명시적으로 '없음'을 표현하기 위해 대입한 값 null이라는 빈 값을 할당하면 해당 변수의 타입은 객체가 된다. 🍄 undeclared (미선언 변수) 변수 선언조차 되어 있지 않은 상태 2021. 11. 5.

[JavaScript] scope, scope chain 🎈 스코프(scope) 식별자에 대한 유효범위. ex) 어떤 경계 A의 외부에서 선언한 변수는 A의 외부뿐 아니라 A의 내부에서도 접근이 가능하지만, A의 내부에서 선언한 변수는 오직 A의 내부에서만 접근할 수 있다. scope의 개념은 대부분의 언어에 존재한다. 다만 ES5까지의 자바스크립트는 특이하게도 전역공간을 제외하면 오직 함수에 의해서만 scope가 생성된다. 🎈 스코프 체인(scope chain) scope를 안에서부터 바깥으로 차례로 검색해나가는 것 여러 scope에서 동일한 식별자를 선언한 경우에는 무조건 scope chain 상에서 가장 먼저 발견된 식별자에만 접근 가능하게 된다. 스코프 체인 예제 var a = 1; var outer = function () { var inner = f.. 2021. 10. 29.

[JavaScript] 전역 변수, 지역 변수 🎈 전역 변수(Global Variable) 전역 공간에서 선언한 변수. 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수. 전역 컨텍스트에 담긴 변수. 안전한 코드 구성을 위해 가급적 전역 변수의 사용은 최소화하는 것이 좋다. 🎈 지역 변수(Local Variable) 함수 내부에서 선언한 변수. 함수 외부에서는 접근할 수 없다. 함수에 의해 생성된 실행 컨텍스트의 변수. 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수. 2021. 10. 29.

[JavaScript] call, apply, bind 🍩 call 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령 Function.prototype.call(thisArg[, arg1[, arg2[, ...]]]) 이때 call 메서드의 첫 번째 인자를 this로 바인딩하고, 이후의 인자들을 호출할 함수의 매개변수로 한다. 함수를 그냥 실행하면 this는 전역객체를 참조하지만 call 메서드를 이용하면 임의의 객체를 this로 지정할 수 있다. // call 메서드-1 var func = function (a, b, c) { console.log(this, a, b, c); }; func(1, 2, 3); // Window{ ... } 1 2 3 func.call({ x: 1 }, 4, 5, 6); // { x: 1 } 4 5 6 // call 메서.. 2021. 10. 23.

이전 1 2 3 4 다음

티스토리툴바