설정에 shortcut 이 다 나와 있지 않아, 매우 불편했었다;;;
특히나, 에디터 탭간 이동을 몰라서 무척 난감했었는데...
ALT+R / ALT+Q 을 아래에서 발견했다~ :)
https://shortcutworld.com/SAP-Web-IDE/win/SAP-Web-IDE_Shortcuts
ohnewdev
배워서 남주자
### Closuser
출처 : 단일페이지 웹 어플리케이션 (위키북스)
Closure 역시나 내용이 쉽지 않으나, 설명이 참 좋다.
<script>
var makePrison = function (prisoner) {
return function () {
return prisoner;
}
};
var joshPrison = makePrison('Josh Powerll');
var mikePrison = makePrison('Mike Mikowski');
//클로저
// 클로저란 변수가 생성된 실행 컨텍스트 외부에서도 변수에 접근할 수
// 있게끔 변수를 유지함으로써 가비지 컬렉터가 변수를 메모리에서
// 제거할 수 없게끔 하는 절차다.
console.log(joshPrison());
console.log(mikePrison());
var prison = {
names: 'Mike Mikowski and Josh Powell',
who: function () {
return console.log( this.names );
}
};
prison.who();
</script>
위에서의 this 는 prison 이며, closure 처리됨.
이런 경우에 Closure 처리를 함으로서 원하는 바를 얻을 수 있다.
Ajax 호출에 대한 응답은 최초 비동기 호출이 발생했던 실행 컨텍스트 밖에서 발생하게 된다.
<script>
var prison = {
names: 'Mike Mikowski and Josh Powell',
who: function () {
var that = this;
$.ajax({
success: function () {
//console.log ( this.names); // 여기서 this 는 ajax 호출을 가리킴
//success함수 호출될 때에 that 변수를 참조할 수 있음
// that 객체가 closure 처리되어
console.log ( that.names);
}
});
}
};
prison.who();
</script>
### 실행 컨텍스트란 ( p.62 )
함수가 호출될 때마다 새로운 실행 컨텍스트(executioin context)가 생긴다.
실행 컨텍스트는 함수가 실행되는 동안 일어나는 모든 내용으로 구성된다. 실행 컨텍스트는 함수 선언과는 다르다. 함수 선언이 함수가 실행될 때 어떤 동작을 하는지 설명하는 데 반해, 실행 컨텍스트는 함수 실행 그 자체다.
... 중략...
실행 컨텍스트에 속한 변수 및 함수는 실행 컨텍스트 객체에 저장된다.
자바스크립트 엔진이 실행 컨텍스트를 통해 2단계를 거치면서 변수를 선언하고 초기화한다.
1차 : 인자와 함수가 선언되고 대입
2차 : 자바스크립트를 실행하고 지역 변수의 값을 정의함
'프로그래밍 > javascript' 카테고리의 다른 글
| [ECMAScrpt6] Arrow 함수 (0) | 2018.04.03 |
|---|---|
| [javascript] 계산기 만들기 (0) | 2017.05.16 |
ohnewdev
배워서 남주자
[ 참고서적 : ECMAScrip6 - 김보영 님 저. ]
(param) => { 코드 };
param => { 코드 };
() => { 코드 };
( param1, param2, , , , paramN) => { 코드 };
param => ( {key: value} );
(param1, param2, ...rest) => { 코드 };
( param1, param2 = 123, , , paramN) => {코드 };
( [one, two] = [1, 2] _ => one + two;
({key : sum} = {key : 10 + 20 }) => { 코드 };
let fn = (param) => { 코드 };
화살표 함수는 functnion(param) { 코드 } 를 축약한 것으로 (param) => {코드} 형태로 작성합니다.
'프로그래밍 > javascript' 카테고리의 다른 글
| Closure (0) | 2018.07.04 |
|---|---|
| [javascript] 계산기 만들기 (0) | 2017.05.16 |
ohnewdev
배워서 남주자