Logo

菜单

小熊奶糖(BearCandy)
小熊奶糖(BearCandy)
发布于 2024-02-23 / 10 阅读
0
0

JavaScript变量作用域以及与PHP区别

#javascript#PHP

JavaScript 变量作用域是指变量在其程序文本中可被访问的区域。理解变量作用域对于编写清晰、无误的代码至关重要。以下是 JavaScript 变量作用域的主要类型：

1. 全局作用域（Global Scope）

定义：

  • 全局变量是在任何函数外部定义的变量，或者在函数内部没有使用 var, let, 或 const 关键字声明的变量（仅适用于 ES6 之前的情况）。
  • 全局变量在整个 JavaScript 文件或脚本中都是可见的，包括所有函数内部。
  • 在浏览器环境中，全局变量实际上成为 window 对象的属性，可以通过 window.globalVariable 访问。

示例：

var globalVar = 'I am global'; // 使用 var 声明的全局变量
let globalLet = 'I am also global'; // 使用 let 声明的全局变量
const globalConst = 'Me too, global!'; // 使用 const 声明的全局变量

function someFunction() {
  console.log(globalVar); // 可以访问全局变量
  console.log(globalLet);
  console.log(globalConst);
}

someFunction();

console.log(window.globalVar); // 通过 window 对象访问全局变量

2. 局部作用域（Local Scope）

定义：

  • 局部变量是在函数内部（包括箭头函数、块级作用域内等）使用 var, let, 或 const 声明的变量。
  • 局部变量只能在其所在函数或块级作用域内被访问，函数外部或作用域外部无法直接访问。

示例：

function someFunction() {
  var localVar = 'I am local'; // 使用 var 声明的局部变量
  let localLet = 'I am also local'; // 使用 let 声明的局部变量
  const localConst = 'Me too, local!'; // 使用 const 声明的局部变量

  console.log(localVar); // 可以访问局部变量
  console.log(localLet);
  console.log(localConst);
}

someFunction();

console.log(localVar); // 报错，因为局部变量在函数外部不可见

3. 块级作用域（Block Scope）

定义：

  • 自从 ECMAScript 6 引入了 let 和 const 关键字，JavaScript 开始支持块级作用域。
  • 块级作用域由花括号 {} 包围，如 if、else、for、while 语句的代码块，或者单独的 { ... }。
  • 在块级作用域内使用 let 或 const 声明的变量只能在这个块内部访问。

示例：

if (true) {
  let blockLet = 'I am inside a block';
  console.log(blockLet); // 可以访问
}

console.log(blockLet); // 报错，因为 blockLet 只在 if 语句的块级作用域内有效

for (let i = 0; i < 5; i++) {
  console.log(i); // 可以访问 i
}

console.log(i); // 报错，因为 i 只在 for 循环的块级作用域内有效

4. 函数作用域（Function Scope）

定义：

  • 函数作用域是指变量在其声明所在的函数内有效。
  • 使用 var 声明的变量遵循函数作用域规则，无论它在函数内部的何处声明，都会在整个函数范围内可见。

示例：

function exampleFunction() {
  if (true) {
    var funcVar = 'I am inside a function';
  }

  console.log(funcVar); // 可以访问，即使在 if 语句外部，因为 var 声明的变量具有函数作用域
}
exampleFunction();

变量提升（Hoisting）

概念：

  • JavaScript 中存在变量提升现象，即所有变量声明（无论使用 var, let, 或 const）都会在执行上下文创建阶段被提升到其作用域的最顶端，但赋值操作不会提升。
  • 对于 var 声明的变量，即使在声明之前使用，其值为 undefined，而不是报错。
  • 对于 let 和 const 声明的变量，如果在声明之前使用，则会抛出 ReferenceError。

示例：

console.log(varVar); // 输出 undefined，var 声明的变量被提升，但此时未赋值
var varVar = 'Declared with var';

console.log(letLet); // 抛出 ReferenceError，let 声明的变量未提升，此时还未声明
let letLet = 'Declared with let';

综上所述，JavaScript 变量作用域包括全局作用域、局部作用域（函数作用域）、以及块级作用域。理解这些作用域有助于正确地管理和避免变量之间的命名冲突，同时确保代码的健壮性和可维护性。在现代 JavaScript 编程中，推荐使用 let 和 const 而非 var，以利用块级作用域和更严格的变量声明规则。

JavaScript变量作用域

在JavaScript中，变量的作用域指的是变量在其声明的位置（即定义的上下文）内可见和可访问的范围。JavaScript有以下两种主要类型的作用域：

全局作用域 (Global Scope)：

在函数外部声明的变量具有全局作用域，这意味着它们在整个脚本文件中都是可见的。

如果没有明确地在一个函数内部声明变量，则默认为全局变量。

全局变量可以在任何地方被访问，包括函数内部。

var globalVar = 5;
function someFunction() {

console.log(globalVar); // 可以访问到全局变量

}

someFunction();

局部作用域 (Local Scope)：

在函数内部声明的变量具有局部作用域，这意味着它们只能在该函数内部被访问。

函数参数也具有局部作用域，只在该函数调用时有效。

functuon someFunction() {
var localVar = "I am a local variable"; // 局部作用域

console.log(localVar);

}

someFunction(); // 输出 "I am a local variable"

console.log(localVar); // 报错：Uncaught ReferenceError: localVar is not defined 因为局部变量在此作用域之外不可见

另外，从ES6开始引入了let和const关键字用于声明变量，它们具有块级作用域：

块级作用域 (Block Scope)：

let 和 const 声明的变量只在其所在的代码块（如 { ... } 内部）中可用。

这个特性允许更精细的变量控制，避免了常见的变量覆盖问题，比如循环中的闭包陷阱。

if (true) {

let blockScopedVar = "I am a block-scoped variable";

console.log(blockScopedVar); // 输出 "I am a block-scoped variable"

}
<button onclick="
        //0为石头，1为剪刀，2为布
             user = 0;//块级作用域
             //随机生成0-3的小数
             computer =Math.random()*3;
                if(1<computer && computer<2){ 
                    alert('你赢了');
                }else if(0<computer && computer<1){
                    alert('平手');
                }else if(2<computer && computer<3){
                    alert('你輸了');
                }
            ">石头</button>


console.log(blockScopedVar); // 报错：Uncaught ReferenceError: blockScopedVar is not defined 因为它只在 if 代码块内部可见

注意，在严格模式('use strict')下，如果尝试在未声明的情况下使用变量，JavaScript会抛出错误，这有助于防止意外创建全局变量。

在PHP中，变量的作用域特性与JavaScript有所不同：

全局作用域 (Global Scope)：

在函数外部定义的变量具有全局作用域，可在整个脚本中访问。

如果想在函数内部修改或使用全局变量，需要使用 global 关键字或者 $GLOBALS 数组。

$globalVar = "I am a global variable";

function someFunction() {
    global $globalVar;
    echo $globalVar; // 输出全局变量
    $globalVar = "Updated globally";
}

someFunction();
echo $globalVar; // 输出 "Updated globally"
或者


$globalVar = "I am a global variable";

function someFunction() {
    $GLOBALS['globalVar'] = "Updated globally too";
}

someFunction();
echo $globalVar; // 输出 "Updated globally too"

局部作用域 (Local Scope)：

在函数内部声明的变量具有局部作用域，仅在该函数内部可见和可访问。

函数参数同样具有局部作用域。

function someFunction() {

    \$localVar = "I am a local variable";

    echo \$localVar;

}



someFunction();

echo \$localVar; // 报错：未定义变量，因为局部变量在函数外不可见

静态作用域 (Static Scope):

PHP 中还有一种静态变量（static），即使函数结束，它的值也不会丢失，下次调用该函数时依然保留上次的结果。

function countThings() {

    static \$count = 0;

    \$count++;

    echo "Count: " . \$count;

}



countThings(); // 输出 "Count: 1"

countThings(); // 输出 "Count: 2" 因为静态变量值被保留

PHP没有直接等同于JavaScript中的块级作用域（例如let和const在ES6中的行为）。但是从PHP 7开始，引入了declare语句配合strict_types以及foreach循环中的foreach ($array as $key => $value)迭代变量，这些都体现出一定程度上的块级作用域特点。不过，PHP并不像JavaScript那样有严格意义上的块级作用域声明关键字。

补充:

在JavaScript和PHP中，变量作用域的处理方式确实有所不同：

JavaScript:

  1. ES5及以前：

    • 没有真正的块级作用域，只有函数作用域和全局作用域。这意味着在 if、for、while等代码块中使用 var声明的变量会在其所在的作用域（通常是包含它的函数或全局作用域）内生效，而非仅仅限制在代码块内。

  2. ES6及以后：

    • 引入了 let和 const，它们提供了真正的块级作用域。在 if语句或者其他任何代码块内用 let或 const声明的变量，仅在该代码块内可见，离开该块后就不再有效。

PHP：

  1. PHP：
    • PHP中没有类似JavaScript中 var声明带来的函数作用域现象。变量的作用域主要有全局作用域、函数作用域（局部作用域）、静态作用域（静态变量在函数调用结束后仍能保持其值）。
    • 在PHP中，如果在 if、for、while等代码块内声明一个变量（没有使用 global关键字或 static关键字），那么这个变量就是局部变量，只在当前代码块内可见。

示例对比：

JavaScript:

// ES5
if (true) {
  var jsVar = '我是全局作用域的变量'; // 如果用var声明，则在if外面仍可访问
}
console.log(jsVar); // 输出："我是全局作用域的变量"

// ES6+
if (true) {
  let es6Var = '我是块级作用域的变量'; // 如果用let声明，则在if外面不可访问
}
console.log(es6Var); // 报错，因为es6Var只在if块内有效

PHP:

if (true) {
  $phpVar = '我是局部作用域的变量'; // 在if块内声明的变量默认是局部变量
}
echo $phpVar; // 报错，因为$phpVar只在if块内有效

// 若要在if块内声明全局变量
$globalVar = null;
if (true) {
  global $globalVar;
  $globalVar = '我在if块内被设为全局变量';
}
echo $globalVar; // 输出："我在if块内被设为全局变量"

总之，JavaScript和PHP在变量作用域方面的主要区别在于JavaScript中的 var变量作用域直到ES6引入 let和 const才有了真正的块级作用，而PHP一直以来都对变量作用域有严格的区分，局部变量不会自动升级到函数或全局作用域。

JavaScript自定义函数
JavaScript小测验2

评论