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