JavaScript 변수 범위 분석(자세한 설명)-JS 튜토리얼-php.cn

JavaScript 변수 범위 분석(자세한 설명)

青灯夜游

풀어 주다： 2018-09-13 17:50:42

원래의

1149명이 탐색했습니다.

이 장에서는 JavaScript 변수 범위 분석(자세한 설명)을 제공하여 JavaScript 범위에 대한 약간의 지식을 배울 수 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

JavaScript 범위란 무엇인가요?

JavaScript에서 범위는 액세스 가능한 변수, 개체 및 함수의 모음입니다.

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

JavaScript 로컬 범위

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

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

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

로그인 후 복사

JavaScript 전역 변수

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

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

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

로그인 후 복사

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

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

    }
    
</script>
</html>

로그인 후 복사

JavaScript 변수 수명

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

함수 매개변수

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

HTML의 전역 변수

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

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

로그인 후 복사

전역 변수나 함수는 창 개체의 변수나 함수를 재정의할 수 있습니다. 지역 변수에는 창 개체가 포함되며 전역 변수와 함수를 재정의할 수 있습니다.

es6에서는 let 키워드와 const 키워드가 제공됩니다

let의 선언 방식은 var와 동일합니다. var 대신 let을 사용하여 변수를 선언하면 현재 변수를 코드 블록으로 제한할 수 있습니다.

상수는 const를 사용하여 선언되며, 한 번 설정되면 값을 변경할 수 없습니다.

위 내용은 JavaScript 변수 범위 분석(자세한 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!