this4 [자바스크립트] 필수 개념 - 어렴풋이 알면 모르는 것 [기본이자 필수개념 - js 프로그래밍 할 때 모르면 코드 못짜, 다른 사람 코드 못봐] 1) 브라우저 환경에서 자바스크립트는 샌드박스 환경에서 실행됨 : 파일 입출력 막기2) 함수를 통해 생성된 객체는 __proto__ (부모 객체의 프로토타입을 저장하는 프로퍼티가 존재함) => new String, new Object, new 사용자함수 등 => 사용자 함수를 선언하는 것 : new Function()=> 리터럴로 string을 생성하는 경우에는 x=> 부모 객체의 prototype 객체 프로퍼티에 추가를 하면 상속받는 객체들이 추가된 메서드나 변수를 사용할 수 있음 => 프로토타입 체인 : 해당 객체에 프로퍼티가 존재하지않을 경우 부모 객체로 올라감 => 즉시 반영 : 부모 역할을 하는 functi.. 2017. 7. 28. [자바스크립트] ES6 - arrow function [arrow function]- function 표현에 비해 구문이 짧음- 익명함수 : 함수 호출을 위해 함수 표현식을 사용- 예시 let func1 = (val1, var2) => { return va1 + var2; } let func2 = (var1,var2) => var1 + var2; - 블록을 지정할 때에는 return을 명시, 블록 지정하지않을 때 암묵적 return [arrow function 특징]1) 파라미터가 없을 때는 () 가 필수, 1개만 있을 때는 생략 가능let func = var1 => { return va1; } 2) 객체 반환 시 소괄호 사용해서 짧게 작성해도됨() => ({ a: 1 }); 3) argements 객체 바인딩X : 함수 호출 시 인수를 담은 유사 배열 객.. 2017. 6. 21. [자바스크립트] this 바인딩 [먼저 보면 좋은 게시글]- [자바스크립트] 개념정리② - 스코프, 실행컨텍스트, 스코프체인 : http://jinbroing.tistory.com/116 [this란]- 해당 함수가 현재 어느 실행컨텍스트에서 구동되고있는지 알려줌- 현재 컨텍스트가 참조하고 있는 객체를 가리킴, 참조객체가 없다면 전역객체를 가리킴- this는 최초 실행 시 정의되고, 실행 도중 변경 불가능- this는 실행컨텍스트를 가리킴 [자바스크립트 실행가능한 코드와 실행컨텍스트]1) global2) function3) eval - 코드가 실행되면 컨텍스트 생성 및 컨텍스트 스택에 쌓임 - global은 앱이 실행되었을 때 최초 1번, 앱이 종료되었을 때 스택에서 제거됨- function 함수 호출될 때 생성, 실행이 끝난 후 스택.. 2017. 5. 16. [자바스크립트] this 바인딩 [this란]- 자바에서의 this는 객체 자신을 가리킴, 매개변수명과 객체가 가진 멤버변수명이 같을 때 구분하기위한 용도로 사용됨1234567public class Person{ private String name; Person(String name){ this.name = name; //전자는 클래스의 name이고, 후자는 매개변수의 name }}Colored by Color Scriptercs - 자바스크립트의 this는 함수 호출 패턴에 따라 this가 어떤 객체의 this가 될지 정해짐(어디에 바인딩될지 정해짐) [함수호출과 this]1) 함수가 객체의 속성이고, 객체를 통해 함수를 호출할 때 : 객체 각각의 속성을 가리키게됨123456789101112131415var obj1 = { name:.. 2017. 3. 31. 이전 1 다음
