자바스크립트 프로토타입 및 생성자(javascript prototype) 생성자는 선언형 함수로 선언하는게 좋다. (암묵형,묵시적은 되긴하나 별로..) (constructor 로 형을 체크하기가 용이함) 아래와같이 내가 만든 생성자에 프로퍼티를 설정할수 있다.(함수설정), 이미 생성되어있는거에 대해서도 추가가능. 1: 2: 3: 4: /* 생성자에서 프로퍼티는 무조건 this를 사용해주어야 한다. */ 5: 6: 7: 8: 9: 예제1) 내가만든 Custom 생성자에 프로토타입 추가. 10: 11: 12: 13: function Member() 14: 15: { 16: 17: this.firstName; 18: 19: this.lastName; 20: 21: // this.getName = functio..
this - 해당 메서드(함수)를 속성으로서 보유하는 객체를 가리킨다. var p1 = {name : "홍길동",tel : "010-222-3333",toString : function(){return this.name + "," + this.tel; // 여기서의 this는 p1을 가리킨다.}}; var p2 = {name : "김", tel : "010", age = 40};p2.test = p1.toString(); // p2 객체에 test 프로퍼티에 p1에서 만든 함수 p1.toString()을 할당한다. 여기서의 this는 p2가 된다.console.log(p2.test());
클로저 - 함수 내부의 중첩된 함수를 함수를 글로벌(전역)에서 접근가능하도록 함으로써 함수 내부의 지역변수에 접근가능해지는 상황 또는 함수의 지역변수를 포함하는 호출객체를 가리킴.- 클로저를 많이 사용할 경우는 IE상에서 메모리누수가 발생할 수 있다. (성능상에도 문제가 발생할 수 있음 글로벌에서 참조하 기때문에 메모리릭, 메모리누수 등등 많은 문제가 발생할 수 있다) function outer(){var msg = "hello";function inner(){return msg;}return inner;} var result = outer(); // result == innervar a = result(); // a
자바스크립트의 함수 선언방식. 1. 선언적 방식 - 가장 먼서 파싱된다. 선언 순서에 상관이 없다. - 재사용이 많이 발생할때 사용하는게 좋다.function test(name){return "hello" + name;}console.log(test("홍길동")); 2. 함수리터럴 방식(익명형식, 무명함수)- 선언적 방식과는 다르게 test2가 선언되고 난 후에 사용해야 한다.(실행시에 판단됨)- 권장선언방식 선언적보다는 리터럴 방식으로.//함수리터럴 방식 (익명형식, 무명형식)var test2 = function(name){return "welcome to " + name;}console.log(test2("홍길동")); 3. 이렇게도 가능하다.이렇게 하면 익명함수 선언과 함께 바로 실행한다.(func..
자바스크립트에서 각 객체들의 타입 및 인스턴스객체들의 형식을 확인한다. var obj = {name:"홍길동",getName:function(){return this.name;},toString : function(){return "당신의 이름" + this.name;}} constructor- 인스턴스의 객체형을 판단. 데이터형과, 타입을 확인한다.var d1 = new Date(); // d1은 object 형식의 Date의 인스턴스객체이다.if(typeof(d1) == "object" && d1.constructor == Date) { console.log("일치"); } hasOwnProperty() // obj 객체에 존재하는 프로토타입에서 속성의 존재여부를 확인 (자기자신이 가지고 있는 프로퍼..
Javascript Array (배열) 정렬 sort 및 splice 수정.자바스크립트 배열객체를 정렬 하는 함수 - sort() - 배열안에 아이템을 정렬자바스크립트 배열을 컨트롤 하는 함수 - splice() - 배열안에 아이템을 삭제,추가,치환자바스크립트 배열에 아이템을 추가 - push() - 배열의 마지막에 아이템 추가상세 내용은 아래 코드와 결과를 보면됨. 위 이미지처럼 배열에서 sort(), splice(), push()를 이용하면 자바스크립트의 배열의 내용을 추가, 수정, 삭제, 정렬이 가능하다. sort() 배열의 경우 익명함수를 이용해서 배열의 2개의 인자값을 이용하여 정렬기준을 정해주면 된다.위 코드는 주석처리해서 결과에는 적용안되어 있음.
출처 : http://deadfire.hihome.com/jscript/projscript003.html 2.1 console 객체 (자바스크립트 디버깅) 기존에 자바스크립트 코드를 디버깅하는 가장 단순한 방법은 바로 alert()을 사용하여 필요한 정보를 찍어보는 것이었다. alert()을 사용하는 방법은 훌륭하진 않지만, 간단히 사용할 수 있는 꽤 쓸만한 디버깅 방법이다. 다만, 일일이 확인 버튼을 클릭해 주는 일은 불편했던 것이 사실이다. 가끔 for루틴 안에 alert()을 넣고 돌리는 황당한 경험을 한두번씩 했을 것이다. 경험상, 디버깅시에 로그파일에 필요한 정보를 기록하게 되면 디버깅이 훨씬 쉬워진다. 여타 프로그래밍 언어들은 이러한 기능들을 지원하고 있다. 그 개념을 브라우저에서 실행되는 자..
출처 : http://shkblog.tistory.com/5유독 특정 웹페이지가 굉장히 느린 경우가 있죠. 다른 웹페이지는 괜찮은데 왜 이 웹페이지만 느린 걸까? 그럼 일단 그 웹페이지 조사 한번 들어가 봅니다.그런데, 소스를 까봐도 정확히 어느 부분이 원인인지 진단을 내리기가 어려운 경우가 있습니다. 짐작이 가는 부분은 있는데, 그 부분을 파헤쳐 보자니 괜히 헛짚으면 시간만 낭비하는 것 같고, 그렇다고 전체를 모두 까볼려니 엄두가 나지 않고 이래저래 고민만 하고 있죠.소스의 각 요소의 소요 시간을 측정할 수 있다면 최소한 어느 녀석 때문에 페이지가 느린지 알 수 있는 방법은 없을까?예를 들어서 로드 이벤트에 다음과 같은 간단한 코드가 있다고 한다면, protected void Page_Load..
- Total
- Today
- Yesterday
- SVG
- JavaScript
- Style
- WebApi
- Chart
- 저장프로시저
- 제이쿼리
- grid
- jQuery Mobile
- ASP.NET
- MSSQL
- json
- 자바스크립트
- CSS
- jQuery
- Mobile
- IE
- workbook
- drag&drop
- JS
- Excel
- WCF
- css3
- jquery chart
- rowspan
- 셀렉터
- radius
- 프로시저
- html5
- Ajax
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |