본문 바로가기

언어/Javascript12

TIL01 | JavaScrpit 변수 모던 자바스크립트(저자 이웅모) 내용을 참고하였습니다. 변수(Variable) 변수는 하나의 값을 저장하기 위한 수단이다. 다음의 코드를 살펴보자. 10 + 20 위의 코드로는 연산 결과인 30을 재사용 할 수 없다. 연산 결과를 재사용 하기 위해서 변수라는 메커니즘을 사용한다. let foo = 10 + 20; 변수명 foo을 통해 변수값 30을 참조할 수 있다. 즉, 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간을 식별하기 위해 붙인 이름으로 변수를 사용하여 여러가지 형태의 데이터를 저장하여 사용할 수 있다. 변수 선언 변수를 사용하려면 반드시 선언이 필요하다. 선언 단계: 변수 이름을 등록해서 자바스크립트 엔진에 변수의 존재를 알린다. 초기화 단계: 값을 저장하기 위한 메모리 공간을 확보하고.. 2021. 9. 26.
[JS] Dynamic typing (dynamic type vs static type) 💡 동적 타입 언어 dynamic/weak type 자바스크립트, 파이썬, PHP 등 자바스크립트는 변수를 선언할 때 타입을 선언하지 않는다. 다만 var, let, const키워드를 사용해 변수를 선언할 뿐이다. 값을 할당하는 시점에 변수의 타입이 동적으로 결정되고 변수의 타입을 언제든지 자유롭게 변경할 수 있다. 다시말해, 할당에 의해 타입이 결정된다. 그리고 재할당에 의해 타입은 언제든지 동적으로 변할 수 있다. ➡ Dynamic typing var foo; console.log(typeof foo); // undefined foo = 3; console.log(typeof foo); // number foo = 'Hello world!'; console.log(typeof foo); // stri.. 2021. 7. 10.
[JS] undefined와 null undefined와 null은 '값이 없음'을 나타내지만 사용하는 목적도 의미도 다르다 💻 undefined 자바스크립트 엔진은 사용자가 응당 어떤 값을 지정할 것이라고 예상되는 상황임에도 실제로는 그렇게 하지않았을 때 undefined를 반환한다. 변수를 선언한 이후 값을 할당하지 않은 변수를 참조할 때 var foo; console.log(foo); // undefined 객체 내부의 존재하지 않는 프로퍼티에 접근하려고 할 때 var obj = { a: 1 }; console.log(obj.a); // 1 console.log(obj.b); // undefined​ return문이 없거나 호출되지 않는 함수의 실행 결과 var func = function() { } var c = func(); con.. 2021. 7. 10.
[JS] async function ✨ async • await ES2017 Promise chaining을 async & await로 간편하게 사용할 수 있다. async 와 await는 새로운 것이 추가 된게 아니라, 기존에 존재하는 Promise 위에 조금 더 간편한 API를 제공한다. => Syntactic sugar(기존에 존재하고 있는 것을 감싸서 조금 더 간편하게 사용할 수 있는 것) 1. async function 앞에 async 키워드 사용 결과값을 Promise로 반환 async function fetchUser() { // do network request in 10 secs... return 'ellie'; } const user = fetchUser(); user.then(console.log); console.lo.. 2021. 7. 8.
[JS] Promise 개념 및 활용 🌟 Promise ES6 자바스크립트에서 제공하는 비동기 코드를 간편하게 처리할 수 있도록 도와주는 object 프로미스는 어떤 기능을 실행하고 나서 정상적으로 동작하면, 성공의 메세지와 함께 처리된 결과값을 전달해준다. 만약 예상치 못한 문제가 발생하면 error를 전달해준다. Producer vs Consumer (생산자와 사용자 차이점 이해) 비동기 수행상태를 가진다. Promise State pending(보류) -> fulfilled(이행) or rejected(거부) 1. Producer (생산자) Promise 객체가 생성되는 즉시 executor(콜백함수)가 실행된다. const promise = new Promise((resolve, reject) => { // doing some hea.. 2021. 7. 6.
[JS] Array api 총 정리 📍 split : String ➜ Array { const fruits = '🍎, 🥝, 🍌, 🍒'; console.log(fruits.split(',')); console.log(fruits.split(',', 2)); // 리턴 받을 배열 수 } 📍 join : Array ➜ String { const fruits = ['apple', 'banana', 'orange']; console.log(fruits.join()); // apple,banana,orange console.log(fruits.join('|')); // apple|banana|orange } 📍 Reverse { const array = [1, 2, 3, 4, 5]; console.log(array.reverse()); //본 배열도.. 2021. 7. 5.
반응형

티스토리툴바