深入理解JS中的变量及作用域、undefined与null

变量及作用域

在JavaScript中，变量是用于存储数据的容器。变量可以存储不同类型的数据，如数字、字符串、布尔值等。变量的作用域决定了它在代码中的可见性和访问性。

变量声明

在JavaScript中，可以使用关键字var、let或const来声明变量。其中，var是ES5中引入的声明变量的关键字，而let和const是ES6中引入的。

var x = 10; // 使用var声明变量x并赋值为10
let y = \"Hello\"; // 使用let声明变量y并赋值为\"Hello\"
const z = true; // 使用const声明变量z并赋值为true

变量作用域

JavaScript中有全局作用域和局部作用域。全局作用域中声明的变量在整个代码中都可见，而局部作用域中声明的变量只在其所在的代码块内可见。

var x = 10; // 全局作用域

function foo() {
  var y = 20; // 局部作用域
  console.log(x); // 可以访问全局变量x
  console.log(y); // 可以访问局部变量y
}

foo();
console.log(x); // 可以访问全局变量x
console.log(y); // 报错，无法访问局部变量y

变量提升

在JavaScript中，变量声明会被提升到其所在作用域的顶部。这意味着可以在变量声明之前使用变量，但其值会是undefined。

console.log(x); // 输出undefined
var x = 10;

undefined与null

undefined

undefined是JavaScript中的一个特殊值，表示一个未定义的变量或属性。当声明一个变量但未给其赋值时，该变量的值为undefined。

var x;
console.log(x); // 输出undefined

null

null也是JavaScript中的一个特殊值，表示一个空值或不存在的对象。可以将null赋值给变量，表示该变量的值为空。

var x = null;
console.log(x); // 输出null

示例说明

示例1：变量作用域

var x = 10; // 全局作用域

function foo() {
  var x = 20; // 局部作用域
  console.log(x); // 输出20，访问局部变量x
}

foo();
console.log(x); // 输出10，访问全局变量x

在这个示例中，全局作用域中声明了变量x并赋值为10。在foo函数内部，又声明了一个同名的变量x并赋值为20。在调用foo函数后，分别输出了局部变量x和全局变量x的值，结果分别为20和10。

示例2：undefined与null

var x;
console.log(x); // 输出undefined

var y = null;
console.log(y); // 输出null

在这个示例中，变量x声明了但未赋值，因此其值为undefined。变量y赋值为null，表示其为空值。分别输出了变量x和y的值，结果分别为undefined和null。

以上就是关于深入理解JS中的变量及作用域、undefined与null的完整攻略。希望对你有所帮助！