JavaScript の変数および関数宣言の改善に関する簡単な説明

現象:

1. JavaScriptでは、変数や関数の宣言が先頭に昇格して実行されます。

2. 機能の改善は変数の改善よりも優れています。

3. 関数内で var を使用して同じ名前の外部変数が宣言されている場合、関数は上向き検索を行わなくなります。

4. 匿名関数はホイストされません。

5. 異なる <script> ブロック内の関数は相互に影響しません。 </script>

例:

関数宣言は変数宣言よりも上位に昇格します

//同时声明变量a和函数a
var a;
function a() {} 
alert(typeof a); //显示的是"function"，初步证明function的优先级高于var。

//先声明函数后声明变量，证明上边的例子不是function覆盖了变量
function a() {}
var a; 
alert(typeof a); //显示的仍是"function",而不是"undefined"，即function的优先级高于var。

//声明了变量的同时赋值
function a() {}
var a = 1;
alert(typeof a); //number,此时不是function了。
//说明："var a=1"相当于"var a;a=1",即先声明，后赋值，"a=1"相当于把a重新赋值了，自然就是number!

外部変数と同じ変数が関数内でvarで定義されているため、関数は外部変数を検索しなくなります

var value = 'hello';
function show() {
  alert(value);
  if (!value) {
    var value = 'function';
  }
  alert(value);
}
show() //此处调用函数依次弹出 "undefined", "function"

//上例相当于var value = 'hello';
function show() {
　　var value; //注意这行
  alert(value);
  if (!value) {
    value = 'function'; //这行去掉var
  }
  alert(value);
}
show()//1.如果上列中show内部定义value未用var,则会用到外部的变量，弹出"hello", "hello"。 
//2.如果函数内部未定义value,也能获取到外部的value值。

匿名関数 改善されません

getName()
var getName = function () {
  alert('closule')
}
function getName() {
  alert('function')
}
getName()

//上边的代码相当于
function getName() { //函数向上提升
  alert('function')
}
getName()
var getName = function () {
  alert('closule')
}
getName()

//代码执行分别弹出 "function", "closule"

異なる <script> ブロック内の関数は相互に影響しません</script>

<script>
  getName()
  var getName = function () {
    alert(&#39;closule&#39;)
  }
<script>
<script>
  function getName() {
    alert(&#39;function&#39;)
  }
<script>

//代码执行报错：TypeError: getName is not a function
//因为第一个<script>块中getName()函数未定义,匿名函数又不会向上提升</script>

上記の記事では、変数とJavaScript での関数宣言については、エディターが皆さんに共有したものです。参考にしていただければ幸いです。また、PHP 中国語 Web サイトもサポートしていただければ幸いです。

JavaScript での変数および関数宣言の改善に関するその他の記事については、PHP 中国語 Web サイトに注目してください。