본문 바로가기

개인공부/JavaScript18

Document 객체 Document는 html에 대한 객체라고 하였다. 자주 쓰이는 것만 집어 보고 넘어가려고 한다. document.getElementById(아이디) html에서 해당 아이디를 가진 태그를 선택한다. document.getElementsByClassName(클래스), document.getElementsByName(이름), document.getElementsByTagName(태그) 클래스, 네임, 태그명을 가진 태그를 선택한다. 여러개가 선택되어 배열으로 리턴된다. 메소드 이름에도 s가 붙어있다. document.querySelector(선택자), document.querySelectorAll(선택자) css 선택자로 선택할 수 잇게 해준다. 아이디는 #, 클래스는 . 태그명[속성명=속성값] 같은 것도.. 2020. 8. 11.
Window 객체 Window 객체란 브라우저의 요소, 자바스크립트 엔진, 모든 변수를 담고 있는 객체이다. 브라우저를 보면, 뒤로가기, 즐겨찾기, 탭, 주소창 등이 브라우저, 그 안에 웹사이트가 표시되게 된다. 이 브라우저 전체를 담당하는 것이 window 객체이고, 웹사이트를 담당하는 것이 Document 객체 인 것이다. window 객체 아래에는 대표적으로, screen , location , history, document 같은 객체들이 있다. 메소드로는 parseInt, inNaN 등이 있다. 그런데 왜, window.parseInt() 이렇게 써야 하는데 왜 그냥 써도 작동하는 것일 까? window는 전역객체이기 때문이다. 모든 객체를 다 포함하고 있기 때문에 window는 그냥 생략 가능하다. 자료형 , .. 2020. 8. 11.
String Method 로 간단한 함수 만들기 var lengthFunc = function() { var input = prompt("입력"); alert(input.length); } 메서드는 아니고, String의 length 속성을 이용해, 입력한 문장의 단어 개수 출력하는 함수 var prequenFunc = function(){ let input = prompt("단어 개수를 셀 문장 입력"); let prequen = input.split(' '); alert(prequen.length); } 문장을 입력하면, 단어가 몇 개로 이루어져 있는지에 대한 함수를 string의 split 메서드를 사용해 세보기 , 발전한다면 객체를 이용, python에서 했던 단어 빈도 개수 세기랑 동일하게 작성한다면 동일한 기능을 할 것이다. var Chan.. 2020. 8. 7.
스코프, 스코프 체인, outerEnvironmentReference 스코프(scope)란, 식별자에 대한 유효범위이다. 어떤 경계 A의 외부에서 선언한 변수는 A의 외부뿐 아니라, A의 내부 에서도 접근이 가능하지만, A의 내부에서 선언한 변수는 오직 A의 내부에서만 접근할 수 있다. 이러한 스코프의 개념은 대부분의 언어에 존재한다. 자바스크립트도 예외가 아닌데, es5 까지의 자바스크립트는 특이하게 전역공간을 제외하면 오직 함수에 의해서만 스코프가 생성됬다고 한다. 이러한 '식별자의 유효범위'를 안에서 바깥으로 차례로 검색해나가는 것을 스코프 체인(Scope chain)이라 한다. 그리고 이를 가능케 하는 것이 바로 LexicalEnvironment의 두 번째 수집 자료인 outerEnvironmnetReference 이다. ES6에서는 블록에 의해서도 스코프 경계가 .. 2020. 8. 3.

티스토리툴바