집 > 기사 > 웹 프론트엔드 > JavaScript의 범위 설명 및 적용(코드 예)

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

不言원래의: 2018-09-14 17:54:591296검색

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

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의 범위 설명 및 적용(코드 예)

관련 기사