JavaScript의 범위 설명 및 적용(코드 예)-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

JavaScript의 범위 설명 및 적용(코드 예)

Sep 14, 2018 pm 05:54 PM

javascript

본 글의 내용은 자바스크립트의 범위(코드 예제)에 대한 설명과 적용에 대한 내용입니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

JavaScript 범위

범위는 액세스 가능한 변수의 모음입니다.

JavaScript에서는 객체와 함수도 변수입니다.

JavaScript에서 범위는 변수, 개체 및 함수 모음에 액세스할 수 있습니다.

함수 내에서 범위를 수정할 수 있습니다.

JavaScript 로컬 범위

변수는 함수 내에서 선언되며, 변수는 로컬 변수(로컬 범위)

로컬 변수: 함수 내부에서만 접근할 수 있습니다.

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;button onclick=&quot;myFunction(1,2)&quot;&gt;试一试&lt;/button&gt;
    &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    function name() {
        //在此处声明一个变量
        var a = 10;
        //函数内可以调用 a
    }
    //此处（函数外）不能调用变量 a
　　//因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量名
　　//局部变量在函数开始执行时创建，函数执行完毕后，变量会自动销毁
 
&lt;/script&gt;
&lt;/html&gt;

로그인 후 복사

JavaScript 전역 변수

함수 외부에서 정의된 변수는 전역 변수입니다.

전역 변수는 전역 범위를 가지며 웹 페이지의 모든 스크립트와 함수에서 사용할 수 있습니다.

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;button onclick=&quot;myFunction(1,2)&quot;&gt;试一试&lt;/button&gt;
    &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    /* 在此处声明一个全局变量 */
    var a = 10;
    function name() {
        //函数内可以调用 a
    }
    //此处也能调用变量 a
&lt;/script&gt;
&lt;/html&gt;

로그인 후 복사

변수가 함수 내에서 선언되지 않은 경우(var 키워드를 사용하여 선언되지 않은 경우) 변경된 변수는 전역 변수입니다.

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;button onclick=&quot;myFunction(1,2)&quot;&gt;试一试&lt;/button&gt;
    &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
     
    function name() {
        /* 在此处声明一个变量 */
          a = 10;
　　　　　/* a没有使用var关键字声明，则默认为全局变量 */
 
    }
     
&lt;/script&gt;
&lt;/html&gt;

로그인 후 복사

JavaScript 변수 수명주기

변수의 수명주기는 선언 시점에 초기화됩니다. 함수 실행이 완료된 후 지역 변수가 삭제됩니다. 전역 변수는 페이지가 닫힌 후 삭제됩니다.

함수 매개변수

함수 매개변수는 함수 내에서만 작동하며 지역 변수입니다.

HTML의 전역 변수

HTML에서 전역 변수는 창 개체이고 모든 데이터 변수는 창 개체에 속합니다.

&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;UTF-8&quot;&gt;
&lt;title&gt;Insert title here&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;button onclick=&quot;myFunction(1,2)&quot;&gt;试一试&lt;/button&gt;
    &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;
&lt;/body&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
    function name() {
         a = 10;
    }
    //此处可使用window.a调用变量 a
&lt;/script&gt;
&lt;/html&gt;