FrontEnd/JavaScript

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.전역 객체모든 객체의 유일한 최상위 객체 브라우저에서는 window , Server에서는 global이다.this == window//true   1.전역 프로퍼티window.Infinity //무한window.NaN // NaNwindow.undefined //undefined   2.전역 함수전역 객체의 메소드 2-1.eval()매개변수에 전달된 구문을 평가 또는 실행한다(보안에 매우 취약)eval('1+1'); //2  2-2.parseFloat()문자열을 부동소수점 숫자로 변환parseFloat('2.11') //2.11  2-3.parseInt()문자열을 정수로 해석,반환parseInt(10.11); //10  2-4.encod..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.Number 생성자Number 생성자로 Number 객체 생성가능var n= new Number(12);    1.Number PropertyNumber의 프로퍼티들은 객체 생성의 필요없이 Number.propertyName로 접근한다.(정적 프로퍼티)   1-1.EPSILONJavaScript에서 표현할 수 있는 가장 작은 수만약 어떤수 2개의 차이가 Number.EPSILON보다 작으면 같은수로 인정한다.Number.EPSILON   1-2.MAX_VALUEJavaScript에서 가장큰수 (Infinity 제외)Number.MAX_VALUE   1-3.Min_ValueJavaScript에서 가장작은수Number.MIN_VALUE    ..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.네이티브 객체애플리케이션 전역의 공통 기능을 제공네이티브 객체는 애플리케이션의 환경과 관계없이 언제나 사용가능하다. 1-1.Object Object() 생성자 함수는 객체를 생성var o =new Object(); 1-2.Function모든 함수는 Function 객체다. new연산자로 생성할수있다.var f = new Function('a','b','return a+b');  1-3.BooleanBoolean 생성자 함수로 Boolean 객체를 생성할 수 있다var b = new Boolean(true);var b2 = new Boolean(false);  1-4.NumberNumber() 생성자 함수를 통해 Number 객체를 생성..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.프로토 타입 기반자바는 클래스 개념없이 프로토타입 기반 객체지향언어로 별도의 객체 생성방법이 존재한다.//객체 리터럴var obj1={};obj1.age=20;//Object() 생성자var obj2= new Object();obj2.age=20;//생성자function fun(){}var obj3= new fun();obj3.age=20;   2.생성자 함수, 인스턴스생성자 함수와 new 연산자로 인스턴스를 생성할수있다.다만 이 방법은 각 인스턴스마다 동일한 메소드가 생긴다.//생성자function Person(name){ //프로퍼티 this.name=name; //메소드 this.setname=function..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.클로저(closure)클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경과의 조합          1-1.렉시컬 스코프렉시컬 스코프는 함수를 호출할때가 아닌 선언한곳에 따라 결정된다.아래 코드가 작동될때1.infun 함수는 자신 내부에서 x를 검색2.없기때문에 외부함수 outfun 함수에서 x를 검색방식으로 작동한다.function outfun(){ var x=10; var infun = function() {document.write(x)} infun()}outfun()   1-2.반환?아래 코드에서는 외부함수인 outfun2가 inner에 infun함수를 반환한후에 콜스택에서 제거된다.하지만 그 이후에도 변수 x값..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.this자바스크립트에서 함수는 arguments 객체와 this를 암묵적으로 받는다.Java같은 언어에서 this는 객체 자기자신에대한 참조값이지만 JavaScript에서 this는 바인딩되는 객체가 함수 호출 방식에 따라 달라진다.함수를 선언할때 결정되는것이 아니라 호출될때 결정된다.    2.함수호출 this전역객체는 전역 스코프를 갖는 전역 변수를 프로퍼티로 소유한다.이때 this는 전역객체에 바인딩된다.이때 브라우저에서는 window, 터미널에서는 global 객체를 의미한다.this === window // truethis === global // true    전역 함수, 내부함수, 메소드의 내부함수, 콜백함수 모두 외부 함..

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다.1.strict mode직역하면 엄격한 모드로 자바스크립트 언어의 문법을 보다 엄격히 적용하여 기존에는 무시되던 오류를 명시적인 에러로 발생시킨다.'use strict';function foo(){ x=10}foo();Uncaught ReferenceError ReferenceError: x is not defined   🎈참고자료https://poiemaweb.com/js-strict-mode

모던 자바스크립트 Deep Dive를 참고하여 학습,작성하였습니다. 1.스코프(Scope)스코프는 유효범위를 뜻한다. 전역 변수:어디에든 참조할 수 있다.지역 변수:그 지역과 그 지역의 하부 지역에서만 참조할 수 있다.    2.자바스크립트 스코프대부분의 언어는 {} 내에서 유효한 블록레벨 스코프를 사용한다.(자바스크립트에서는 let keyword로 사용가능)하지만 자바스크립트는 기본적으로 함수 레벨 스코프를 따른다.함수 코드 블록 내에서 선언된 변수는 함수코드 블록내에서만 참조할수있다.때문에 블록내에서 선언되었다고 해도 함수밖에서 선언된 변수는 모두 전역 스코프를 가진다.function Human(){ var x=3; document.write(x)}Human()//document.write..