본문 바로가기

JavaScript33

JavaScript, 느슨한 타입(loosely type) 의 동적언어(dynamic) 동적 타입 자바스크립트는 느슨한 타입(loosely type) 의 동적 언어(dynamic)언어이다. - 자바스크립트의 변수는 어떤 특정 타입과 연결되지 않으며, 모든 타입의 값으로 할당 및 재할당이 가능하다 느슨한 타입과 엄격한 타입의 차이 - 자바스크립트와 자바의 차이를 비교해보자 let number = 1 let strNumber = '1' console.log(number*strNumber) console.log(typeof (number*strNumber)) >> 1 number - 자바스크립트의 코드를 보면, 숫자 자료형인 number 와 숫자를 문자열로 표현한 문자열 strNumber 를 선언하고 둘을 곱한 결과는 1이고, 결과의 자료형은 number로 출력이 되었다. public class.. 2022. 11. 18.
JavaScript 동기 비동기 동기(Synchronous)와 비동기(Asynchronous) 동기적 처리 서버에 요청을 보냈을 때 응답이 돌아와야 다음 동작을 처리할 수 있다. 먼저 요청을 보낸 순서대로 작업을 실행한다. console.log(1) console.log(2) console.log(3) >> 1 2 3 비동기적 처리 서버에 요청을 보냈을 때 응답 여부에 관계 없이 다음 작업을 실행한다. 요청을 보낸 작업은 결과가 나오는 즉시 실행한다. 짜장면 배달을 예로 들어보면, 짜장면 배달을 받고 식사를 다 마칠때까지 배달부가 기다려야 한다면 다른 배달을 할 수 없기 때문에 비효율적일 것이다. 때문에 짜장면을 전달하고 손님이 식사를 하는 동안 다른 배달을 하면 효율적으로 배달을 할 수 있다. function asyncTimer(se.. 2022. 11. 12.
JavaScript 비동기 처리 이해하기(Callback) 콜백함수 - 함수를 파라미터로 받는 함수 // 1. 1을 출력하는 first 함수 생성 function first(){ console.log(1) } first() -------------------------------------------------------------------- //2. 1을 출력하고 2를 출력하고 싶음, callback 함수로 사용할 second 함수 생성 function first(){ console.log(1) } function second(){ console.log(2) } first() --------------------------------------------------------------------- //3. second 함수의 매개변수 i 를 생성 funct.. 2022. 11. 12.
JavaScript, Scope 1. Scope : 참조 대상 식별자(identifier, 변수, 함수의 이름과 같이 어떤 대상을 다른 대상과 구분하여 식별할 수 있는 유일한 이름)를 찾아내기 위한 규칙 var x = 'global' function scope_prac () { var x = 'function scope' console.log(x) } scope_prac() console.log(x) var 로 선언된 변수 x 는 함수 밖에서 선언된 변수이다.(전역 변수) 이 때 함수 안에서 변수 x는 'function scope'로 다시 선언되었다. 첫 번째 console.log(x)에선 함수 내에 있는 변수 x 'function scope' 를 참조한다. 마지막 줄에 있는 console.log(x)에선 첫 번째 선언된 변수 x 'g.. 2022. 11. 11.
반응형