본문 바로가기
반응형

전체 글90

자바스크립트 핵심 개념 : 호이스팅 1. 호이스팅은 뭔가를 끌어올린다. hoisting은 끌어올린다는 의미를 가지고 있다. 자바스크립트에서 호이스팅은 과연 무엇을 끌어올릴까? 바로 변수'선언'을 끌어올리고, 함수'선언'을 끌어올린다. 2. 그 이론을 눈으로 확인하고 외우자. console.log(a()); console.log(b()); console.log(c()); function a() { // 함수선언문 return 'a'; } var b = function bb() { // 함수표현식 return 'bb'; } var c = function() { // 함수표현식 return 'c'; } 호이스팅은 '선언'과 관련된 개념이라 자바스크립트 엔진은 이런 식으로 코드가 올라왔을때 족집게처럼 '선언'을 발견하면 딱 찝어서 위로 끌어올린다.. 2020. 12. 16.
자바스크립트 핵심 개념 : 데이터 타입 기본형/참조형 1. 자바스크립트의 데이터 타입은 두 가지 종류이다. Primitive type(기본형) : Number, String, Boolean, null, undefined (+ES6 symbol) Reference type(참조형) : Object (Array, Function, RegExp) 참고로 이전 글에서 자바스크립트는 값에는 타입이 있으나, 변수에는 타입이 없다. 라는 명언을 되새기자! var a = 10; 같은 애들이 기본형 var obj = {a:1, b: 2}; 같은 애들이 참조형(a:1, b:'b'는 참조형 데이터이다. 이들은 키,밸류로 묶여있다.) 뭔가 차이가 있어서 나눴을텐데 그렇다면 이 두가지의 차이가 뭘까? "기본형은 값을 그대로 할당하고, 참조형은 값이 저장된 주소값을 할당한다는 점".. 2020. 12. 16.
[javascript] 네이티브 : 객체 래퍼 네이티브에 대하여 - 네이티브 1.1 네이티브 래퍼를 박싱한다. 네이티브란? 영단어의 의미로는 '원래 있던 것'이라고 풀이할 수 있는데 자바스크립트에서의 기본 정의는 내장함수이자 '원시값을 감싸는 객체 래퍼'라고 할 수 있다. 네이티브에는 String(), Number(), Boolean(), Array(), Date() 등등이 있다. 그러나 정말 필요한 경우가 아니라면 생성자 형식으로 쓰지 않는 게 좋다. 이게 무슨 말이냐면, var a = [1,2,3]이라고 쓰면 될 일을 var a = new Array(1,2,3)이라고 굳이 쓸 필요가 없다. 그런데 중요한 점은 자바의 생성자와 동일하게 생각하면 안 된다는 점이다. 이는 문자열 값을 생성하는 String생성자가 아니다. 이 네이티브는 생성자처럼 사용할 수 있지만 실제.. 2020. 12. 1.
[javascript] 값 : 배열 / 문자열 / 숫자 / 레퍼런스 개념잡기 - 값 배열, 문자열, 숫자는 자바스크립트에서 독특한 특성을 갖고 있어 정확하게 사용하도록 이해해야 한다. 1.1 배열 자바스크립트 배열은 다른 언어와 달리 문자열, 숫자, 객체, 심지어 다른 배열이나 어떤 타입의 값이라도 담을 수 있다. var data = [1, "2", [3]]; data.length; //3 data[0]; //1 data[2][0]; //3 배열 크기를 미리 정하지 않아도 선언할 수 있고, 그저 원하는 값을 추가하면 된다. var test = []; test.length; //0 test[0] = 1; //1 test[1] = "2"; //"2" test[2] = [3] //[3] test.length; //3 주의점1. 배열에 키/프로퍼티 문자열을 추가할수는 있으나 length.. 2020. 11. 30.
반응형

티스토리툴바