[자 바스 크 립 트 기초] 학습 ① - 변수 역할 영역

JavaScript 의 함 수 는 내부 함 수 를 끼 워 넣 을 수 있 고 외부 함수 가 정의 하 는 변 수 를 방문 할 수 있 으 며 반대로 안 됩 니 다.

'use strict';

function foo() {
    var x = 1;
    function bar() {
        var y = x + 1; // bar    foo   x!
    }
    var z = y + 1; // ReferenceError! foo     bar   y!
}

내부 함수 와 외부 함수 의 변수 이름 이름 바 꾸 기

'use strict';

function foo() {
    var x = 1;
    function bar() {
        var x = 'A';
        alert('x in bar() = ' + x); // 'A'
    }
    alert('x in foo() = ' + x); // 1
    bar();
}

변수 향상
부 가 를 올 리 지 않 음 을 설명 합 니 다.

'use strict';

function foo() {
    var x = 'Hello, ' + y;
    alert(x);//Hello,undefined
    var y = 'Bob';
}

foo();

함수 내부 에서 먼저 모든 변수 규칙 을 설명 합 니 다.

function foo() {
    var
        x = 1, // x    1
        y = x + 1, // y    2
        z, i; // z i undefined
    //     :
    for (i=0; i<100; i++) {
        ...
    }
}

전역 적 역할 영역
전역 대상 window

'use strict';

var course = 'Learn JavaScript';
alert(course); // 'Learn JavaScript'
alert(window.course); // 'Learn JavaScript'

변수 방식 var foo = function () {} 으로 정 의 된 함수 도 사실상 전역 변수 입 니 다.

'use strict';

function foo() {
    alert('foo');
}

foo(); //     foo()
window.foo(); //   window.foo()  

'use strict';

window.alert('  window.alert()');
//  alert        :
var old_alert = window.alert;
//  alert      :
window.alert = function () {}
alert('   alert()   !');
//   alert:
window.alert = old_alert;
alert('    alert() !');

이것 은 자 바스 크 립 트 가 실제 적 으로 하나의 전역 작용 역 만 있다 는 것 을 설명 한다
이름 공간
자신의 모든 변수 와 함 수 를 하나의 전역 변수 에 연결 하여 전역 변수 충돌 가능성 을 감소 합 니 다.

//        MYAPP:
var MYAPP = {};

//     :
MYAPP.name = 'myapp';
MYAPP.version = 1.0;

//     :
MYAPP.foo = function () {
    return 'foo';
};

국부 작용 역
JavaScript 의 변수 역할 영역 은 실제 함수 내부 입 니 다.

'use strict';

function foo() {
    for (var i=0; i<100; i++) {
        //
    }
    i += 100; //         i
}

let 키워드 (CS6)
블록 급 역할 필드 의 변 수 를 설명 합 니 다.

'use strict';

function foo() {
    var sum = 0;
    for (let i=0; i<100; i++) {
        sum += i;
    }
    i += 1; // SyntaxError
}

상수
CS6 이전

var PI = 3.14;

CS6 const 키워드

'use strict';

const PI = 3.14;
PI = 3; //         ，     ！
PI; // 3.14