개발정리

Chapter 09 스타일Chapter 10 아름다운 속성에 대한 단상부록 A 나쁘지만 사용해야 하는 부분들 Chapter 09 스타일프로그램을 잘 표현하면 이를 명확히 이해할 수 있고 그로인해 변경이나 오류를 성공적으로 수정할 수 있다.JS 최악의 속성은 피하자들여쓰기는 4칸if 와 '(' 사이에는 한 칸을 띄워 메소드나 함수와 차별을 둔다.함수는 붙여서 쓴다.세미콜론은 꼭 붙여주도록 한다.문자열은 최대한 한 줄에 한 문장으로 작성한다.if, while, for등 블록을 무조건 지정해준다.K&R스타일블록 { 을 문장의 마지막에 (return문 등...)한 줄 띄지 않는다.주석은 최신 내용에 맞춰 수정한다.한 줄짜리 주석을 사용한다주석없이 프로그램을 구조화 하는 것도 좋은 방법이다.자바스크립트에서는 모든..

01 배열02 함수03 숫자04 객체05 정규 표현식06 문자열 01 배열array.concat (item...)자신의 복사본에 인수로 넘어온 값들을 추가한 새로운 배열을 반환.인수로 넘어온 값이 배열이면 각각의 요서를 개별적으로 새로운 배열에 추가.var a = [1,2,3];var b = [4,5,6];var c = a.concat(b, true);// c = [1,2,3,4,5,6,true] array.join (구분자)배열의 모든 요소를 합쳐 문자열로 반환배열의 각 속성은 구분자로 나뉘어 문자열로 반환된다.구분자의 기본값은 , 이다.하나의 문자열 (구분자가 없는)로 만들고 싶다면 구분자로 빈 문자열을 지정한다.var a = ['a','b','c'];var b = a.join('');// b = '..

00 들어가며01 예제02 정규표현식 객체 생성03 구성요소 00 들어가며자바스크립트 정규표현식은 perl에서 채용메소드 종류regexp.execregexp.teststring.matchstring.replacestring.searchstring.split 등등자바스크립트의 정규 표현식은 약간의 재해석과 perl의 확장 구문을 제외하고는 벨 연구소에서 비롯된 원래의 체계를 따른다. 01 예제URL 매칭 정규 표현식var parse_url = /^(?:([A-Za-z]+):)?(\/{0, 3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;각 그룹별 해석/^(?:([A-Za-z]+):)?/^ 는 문자열의 시작뒷 ?는 옵션, 없어..

00 들어가며01 배열리터럴02 length속성03 삭제04 열거05 객체와 배열의 혼동06 배열의 메소드07 배열의 크기와 차원 00 들어가며배열이란항목의 오프셋을 계산 할 수 있는 정수를 통해 각 항목들을 접근 할 수 있는 연속적인 메모리 할당매우 빠른 데이터 구조하지만 자바스크립트에는 이런 배열은 없다.자바스크립트의 배열은 배열같은 객체느리지만 사용은 편리하다. 01 배열 리터럴var arr = []; // 기본적인 배열 리터럴arr = [ 'first', 'second']; var obj = { '0' : 'first', '1' : 'second'};// 배열처럼 보이는 객체두 객체의 차이점obj는 Object.prototype을 상속받는다.arr은 Array.prototype을 상속받는다.따라서..

00 들어가며01 의사클래스 방식02 객체를 기술하는 객체03 프로토타입 방식04 함수를 사용한 방식05 클래스 구성을 위한 부속품 00 들어가며상속을 사용하는 이유기존의 클래스와 매우 유사한 객체 제작 시 상속을 통해 개발비용을 현저히 줄일 수 있다.데이터 타입 체계명시 → 캐스팅 작업이 사라짐하지만, 자바스크립트는 데이터 타입 확인이 엄격하지 않으므로 캐스팅을 절대 하지 않는다. 자바스크립트의 상속은 객체에서 객체로 상속된다. 01 의사클래스방식생성자 함수를 통해 객체 상속함수객체가 만들어 질 때 Function 생성자this.prototype = {constructor : this};만약 new 연산자가 메소드라면Function.method('new', function () { var that = ..

09 유효범위 (scope)10 클로저 (closure)11 콜백12 모듈13 연속호출 (Cascade)14 커링 (Curry)15 메모이제이션 (memoization) 09 유효범위유효범위는 변수와 매개변수의 접근성과 생존 기간을 제어.유효범위var foo = function () { var a = 3, b = 5; // a=3, b=5 var bar = function () { var b = 7, c = 11; // b=7, c=11 a = a + b + c; // a=21 }; bar(); //a=21, b=7};이름 충돌 문제를 덜어주고 자동으로 메모리 관리.C언어 유형의 구문을 가진 언어는 모두 블록 유효범위가 있다.블록 내부에서 선언된 변수는 외부에서 접근 불가. 블록이 끝나면 변수 해제하지만..

00 들어가며01 함수객체02 함수리터럴03 호출04 인수배열05 반환06 예외07 기본타입에 기능 추가08 재귀적 호출 00 들어가며함수는 실행 문장들의 집합을 감싼 형태모듈화의 근간일반적으로 프로그래밍 기술은 "요구사항의 집합을 함수와 자료구조의 집합으로 반환"하는 것 01 함수객체함수 또한 객체이다.함수 객체는 Function.prototype에 연결된다. Function.prototype이 가장 근간이 된다. Object.prototype의 proto 또한 Function.prototype이다.숨겨진 두 속성 문맥(context)와 코드(code)가 있다.또한 모든 함수 객체는 prototype이라는 속성이 있다. 이 속성값은 함수 자체를 값으로 갖는 constructor라는 속성이 있는 객체이다..

들어가며자바스크립트에서 단순 데이터 타입은 { 숫자, 문자열, 불리언(true/false), null, undefined }이 외의 모든 값은 객체이다. 숫자, 문자열, 불리언은 메소드가 있기 때문에 유사객체라고 할 수 있다. 하지만, 값이 정해지면 변경 불가능 (immutable)Class-free 클래스가 없어도 객체 생성 가능객체 in 객체 in 객체 ... 설계 가능 그래프, 트리 같은 자료구조를 쉽게 표현할 수 있다.프로토 타입을 사용하면 객체 초기화 시간, 메모리를 줄일 수 있다. 1. 객체 리터럴객체 생성 방법var foo = {}; var bar = { name : 'seongtae', age : 28}속성의 이름은 어떤 문자열이든 가능. 공백도"," 는 "속성명 : 값"을 구분중첩 가능 ..

1. 공백 (Whitespace)문자를 구분하는 형태나 주석의 형태를 취한다.주석 또한 공백 취급.주석은 블록 주석 "/* */"과 한 줄 주석 "//" 형태로 사용할 수 있다.정규표현식과 블록 주석 사용시 주석이 중간에 닫힐 수 있다. 주석사용 시 주의할 점//주석 사용시 주의점 var s = 'string'; /* s.match(/s*/); // 블록 주석이 정규표현식을 만나 닫혀버림.*/ 2. 이름 (Names)이름은 하나의 문자나 그 뒤를 이어서 하나 이상의 문자, 숫자, _가 붙는 문자열.문장, 변수, 매개변수, 속성명, 연산자, 라벨에 사용.예약어는 name이 될 수 없다.예약어 종류JS 예약어abstractboolean break bytecase catch char class const co..

자바스크립트의 객체는 복잡하고 재밌게 동작하는 듯 합니다. function a () { return 1;} var bar = a;// bar -> type of function// bar() -> type of number var foo = a();// foo -> type of number// foo() -> foo() is not function 객체를 참조하는 방식부터 사용하는 방법까지 주의를 기울이며 사용해야겠습니다.