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

집

웹 프론트엔드

JS 튜토리얼

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

青灯夜游

Sep 13, 2018 pm 05:50 PM

javascript가변 범위

이 장에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

관련 기사

es6数组怎么去掉重复并且重新排序May 05, 2022 pm 07:08 PM

去掉重复并排序的方法：1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句，去掉数组中的重复元素，返回去重后的新数组；2、利用sort()对去重数组进行排序，语法“去重数组.sort()”。

PHP 函数的变量作用域是如何确定的？Apr 16, 2024 pm 04:51 PM

PHP中的变量作用域分为局部（函数内）、全局（程序内可访问）、类范围（类实例内可访问）。global关键字可将局部变量声明为全局变量，static关键字可将局部变量声明为静态变量，在函数调用间保留其值。

深入理解 Golang 函数生命周期与变量作用域Apr 19, 2024 am 11:42 AM

在Go中，函数生命周期包括定义、加载、链接、初始化、调用和返回；变量作用域分为函数级和块级，函数内的变量在内部可见，而块内的变量仅在块内可见。

Go语言中的变量作用域与生命周期Jun 01, 2023 pm 12:31 PM

Go语言是一种开源的静态类型语言，它具有简洁、高效、可靠等特点，越来越受到开发者的喜爱。在Go语言中，变量是程序中最基本的数据存储形式，变量的作用域和生命周期对于程序的正确性和效率十分重要。变量的作用域指的是变量的可见性和可访问性，即在何处可以访问这个变量。在Go语言中，变量的作用域分为全局变量和局部变量。全局变量是定义在函数外部的变量，它可以被整个程序任何

JavaScript对象的构造函数和new操作符（实例详解）May 10, 2022 pm 06:16 PM

本篇文章给大家带来了关于JavaScript的相关知识，其中主要介绍了关于对象的构造函数和new操作符，构造函数是所有对象的成员方法中，最早被调用的那个，下面一起来看一下吧，希望对大家有帮助。

Golang函数如何定义变量作用域？Apr 11, 2024 pm 12:27 PM

在Go中，函数作用域限制变量可见性，限定在变量声明所在的函数内：在函数内声明变量：varnametype=value作用域仅限于声明的代码块，其他函数或嵌套块无法访问这些变量

PHP 5.6变量作用域：如何使用static关键字定义静态变量Jul 30, 2023 pm 11:02 PM

PHP5.6变量作用域：如何使用static关键字定义静态变量在PHP中，变量的作用域决定了变量的可见性和访问范围。静态变量是一种特殊类型的变量，它在函数调用之间保持其值不变。在PHP5.6及其以上版本中，可以使用static关键字在函数内部和类方法中定义静态变量。静态变量的特点是：静态变量的作用域仅限于声明它的函数或方法内部。静态变量在函数或方法调用之

JavaScript面向对象详细解析之属性描述符May 27, 2022 pm 05:29 PM

本篇文章给大家带来了关于JavaScript的相关知识，其中主要介绍了关于面向对象的相关问题，包括了属性描述符、数据描述符、存取描述符等等内容，下面一起来看一下，希望对大家有帮助。

See all articles

핫 AI 도구

뜨거운 도구

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.