JS变量先使用后定义

在JavaScript中，如果你尝试在使用一个变量之前没有定义它，你会遇到一个错误，因为JavaScript 遵循作用域的原则，变量只能在它的作用域内使用。

但是，你可以通过以下几种方式来解决这个问题：

1、变量提升（Hoisting）:

JavaScript 中的变量提升是指变量可以在声明之前使用。这意味着你可以在代码的任何地方声明变量，而无需担心它在声明之前的代码无法访问它。这是因为变量声明会被提升到其作用域的顶部，但赋值不会被提升。

console.log(globalVar); // 输出 undefined
var globalVar = 'I am global';

在上面的例子中，虽然变量是在使用之后定义的，但由于变量提升，它在使用之前已经被声明了。因此，当我们在声明之前尝试访问globalVar时，它返回undefined，这是因为变量已经存在，但还没有被赋值。

2、函数作用域:

在JavaScript中，每个函数都有自己的作用域。这意味着在函数内部声明的变量不能在函数外部访问。

function myFunction() {
    var localVar = 'I am local';
    console.log(localVar); // 输出 'I am local'
}
 
myFunction();
// console.log(localVar); // 报错，因为localVar在函数外是不可见的

在上面的例子中，localVar是在函数内部定义和使用的，所以它不会影响到函数外部的代码。

3、块级作用域（let和const）:

在ES6及其以后的版本中，你可以使用let和const关键字来声明变量，它们支持块级作用域。这意味着变量只在它被定义的块中可用。
 

if (true) {
    let blockVar = 'I am block scoped';
    console.log(blockVar); // 输出 'I am block scoped'
}
 
// console.log(blockVar); // 报错，因为blockVar在if语句块外是不可见的

在上面的例子中，blockVar是在if语句块内部定义和使用的，所以它在块外部是不可见的。

总结：

• 变量提升（Hoisting）适用于使用var关键字声明的变量。
• 函数作用域适用于使用var关键字在函数内部声明的变量。
• 块级作用域（let和const）适用于使用let和const在块（如if语句、循环等）内部声明的变量。