Javascript의 범위와 블록 수준 범위의 차이점에 대한 자세한 설명

범위는 변수와 매개변수의 가시성과 수명 주기를 제어하기 때문에 모든 프로그래밍 언어에서 항상 최우선 순위입니다. 자바스크립트의 범위와 블록 수준 범위에 대해 소개하겠습니다. 필요하신 친구들은 참고하시면 됩니다

1. 블록 수준 범위에 대한 설명

자바스크립트의 변수 범위를 배우기 전에 먼저 알아둬야 할 점 몇 가지 요점:

a. JavaScript의 변수 범위는 고유한 범위 체인을 기반으로 합니다.

b. JavaScript에는 블록 수준 범위가 없습니다.

c. 함수에 선언된 변수는 함수 전반에 걸쳐 정의됩니다.

자바스크립트의 변수 범위는 C#의 코드처럼 일반적으로 사용되는 C 계열 언어와 다릅니다.

static void Main(string[] args)
{
   if(true)
   {
    int number=10;
   }
  Console.WriteLine(number);
}

이 코드는 "현재 컨텍스트에 숫자가 존재하지 않기 때문에" 컴파일할 수 없습니다.

왜냐하면 여기 변수의 범위는 중괄호로 제한되며 이를 블록 수준 범위라고 합니다. 블록 수준의 범위에서는 모든 변수가 괄호 안에 정의되어 있으므로 변수는 동일한 중괄호 내에서 정의되고 사용되므로 사용이 가능합니다.

하지만 자바스크립트에는 블록 수준 범위 개념이 없습니다.

2. JavaScript의 범위

1. 함수 제한 변수 범위 JavaScript에서 함수에 정의된 변수는 함수 내부에서 접근할 수 있지만 함수 외부에서는 접근할 수 없습니다. 코드가 실행 중일 때 예외가 발생합니다. 이는 함수에 정의된 변수를 함수 외부에서 사용할 수 없기 때문입니다. 할당 전에도 마찬가지입니다.

이 문단 코드가 실행된 후에는 오류가 발생하지 않으며 두 번 팝업됩니다(즉, 정의되지 않음 및 10

2. 하위 도메인이 상위 도메인에 액세스함

이 함수는 변수의 범위를 제한할 수 있음) , 그러면 함수의 함수가 해당 역할을 갖게 됩니다. 도메인의 하위 도메인에서 하위 도메인의 코드는 상위 도메인의 변수에 액세스할 수 있습니다.

if（true）
{
  int number=10;
  Console.WriteLine(number);
}

이 코드를 실행한 결과는 10입니다. 하지만 하위 도메인에서 상위 도메인의 코드에 접근하려면 조건이 있습니다.

<script type="text/javascript">
  var num=function()
  {
   var number=10;
  };
  try{
    alert(number);
  }catch(e)
  {
    alert(e);
  } 
</script>

이 코드는 이전 코드보다 "var num=20;"이 하나 더 있으므로 하위 도메인에 액세스하는 상황입니다. 상위 도메인이 변경되었습니다. 이 코드로 인쇄된 결과는 20입니다. 이 코드 하위 도메인에서 액세스한 num은 상위 도메인이 아닌 하위 도메인의 변수입니다. JavaScript에서 변수를 사용할 때 JavaScript 인터프리터는 먼저 현재 범위에서 변수의 정의를 검색하는 경우 이 변수를 사용하는 것을 볼 수 있습니다. parent domain. 등에서 여전히 최상위 범위를 찾을 수 없을 때까지 "변수가 정의되지 않았습니다"라는 예외가 발생합니다. 코드는 다음과 같습니다.

<script type="text/javascript">
 var num=function(){
    alert(number);
    var number=10;
    alert(number);
 };
 try{
   num();
 }catch(e){
  alert(e);
 }
</script>

이 코드가 실행되면 20이 인쇄됩니다. "

"을 사용하면 정의되지 않음 오류가 나타납니다.

다음은 JS 범위와 블록 수준 범위에 대한 소개입니다

var num=20"取掉，那么打印的就是10.同样去掉"var num=10

범위는 변수와 매개변수의 가시성과 수명 주기를 제어하기 때문에 모든 프로그래밍 언어에서 항상 최우선 순위입니다. 말하자면, 먼저 블록 수준 범위와 함수 범위라는 두 가지 개념을 이해하세요.

블록 수준 범위란 무엇인가요?

중괄호 쌍({ 및 }) 내의 모든 문 집합은 블록에 속하며, 여기에 정의된 모든 변수는 코드 블록 외부에서 보이지 않습니다.

함수 범위는 이해하기 쉽습니다(*^__^*). 함수에 정의된 매개변수와 변수는 함수 외부에서 보이지 않습니다. 대부분의 C 계열 언어에는 블록 수준 범위가 있지만 JS는 그렇지 않습니다. 아래 데모를 참고하세요:

<script type="text/javascript">
 var func=function(){
    var number=10;
    var sub_func=function(){
      alert(num);
    };
   sub_func();
};
func();
</script>

이 코드를 실행하면 "정의되지 않은 변수 사용:j" 오류가 나타납니다. 보시다시피 C 언어에는 블록 수준 범위가 있습니다. j는 if 문 블록에 정의되어 있으므로 블록 외부에서는 액세스할 수 없습니다.

JS는 어떻게 작동하나요? 또 다른 데모를 살펴보겠습니다.

<script type="text/javascript">
 var func=function(){
    var number=10;
    var sub_func=function(){
      var num=20;
      alert(num);
    };
   sub_func();
};
func();
</script>

이 코드를 실행하면 "3"이 팝업되는 것을 볼 수 있습니다. 블록 외부에서는 블록에 정의한 변수에 계속 액세스할 수 있습니다. 즉, JS는 블록 수준 범위를 지원하지 않고 함수 범위만 지원하며, 함수 내 어디에서나 정의된 변수는 함수 내 어디에서나 볼 수 있습니다.

그렇다면 JS가 블록 수준 범위를 갖도록 하려면 어떻게 해야 할까요? 함수가 호출되면 함수에 정의된 변수가 삭제된다는 사실을 아직도 기억하시나요? 이 기능을 사용하여 JS의 블록 수준 범위를 시뮬레이션할 수 있나요? 아래 데모를 살펴보세요:

  function test(){ 
 (function (){ 
 for(var i=0;i<4;i++){ 
 } 
 })(); 
 alert(i); 
} 
test();

这时候再次运行，会弹出"i"未定义的错误，哈哈，实现了吧~~~这里，我们把for语句块放到了一个闭包之中，然后调用这个函数，当函数调用完毕，变量i自动销毁，因此，我们在块外便无法访问了。

JS的闭包特性is the most important feature((*^__^*) 大家懂的)。在JS中，为了防止命名冲突，我们应该尽量避免使用全局变量和全局函数。那么，该如何避免呢？不错，正如上文demo所示，我们可以把要定义的所有内容放入到一个

（function (){ 
//内容 
})();

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：

使用nginx + node如何部署https

在JavaScript中如何实现AOP

在mongoose中有关于更新对象的详细介绍

在JS函数中有关setTimeout详细介绍

使用jquery如何实现侧边栏左右伸缩效果

在Vue中如何实现数字输入框组件

위 내용은 Javascript의 범위와 블록 수준 범위의 차이점에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!