返回

JS 入门小白的修炼之道:手把手教你玩转 JS

前端

在学习编程的时候,JS 绝对是绕不开的一个重要语言。作为一门功能强大的脚本语言,JS 可以让您轻松创建出交互式网页、动态应用程序以及其他各种有趣的东西。然而,对于初学者来说,JS 可能会让人感到有点不知所措,尤其是当您还不熟悉它的基本概念和语法时。

为了帮助您快速入门 JS,我们准备了这篇详细的教程,将从最基础的概念开始,一步一步带您深入 JS 的世界。在本教程中,我们将重点讲解 JS 变量、作用域以及全局变量和私有变量的概念,让您对 JS 有一个全面的了解。同时,文章还将提供丰富的示例代码,帮助您更好地理解和掌握这些知识点。

一、JS 变量

在计算机科学中,变量是一种可以存储数据的命名内存位置。在 JS 中,变量也是如此。您可以使用变量来存储各种类型的数据,包括字符串、数字、布尔值、数组和对象。为了使用变量,您需要先声明它,然后再给它赋值。声明变量时,您需要使用 var ,然后是变量的名称。给变量赋值时,您需要使用 = 运算符,然后是您要存储的数据。例如,以下代码声明了一个名为 name 的变量,并给它赋值为 "John Doe"

var name = "John Doe";

一旦声明并赋值后,您就可以在程序中使用变量了。例如,以下代码使用 console.log() 方法输出 name 变量的值:

console.log(name); // 输出: John Doe

二、JS 作用域

作用域是变量可以访问的范围。在 JS 中,有两种作用域:全局作用域和私有作用域。全局作用域是整个程序都可以访问的作用域,而私有作用域是只有声明变量的代码块内可以访问的作用域。

私有作用域通常使用花括号 {} 来定义。在花括号内的代码块中声明的变量只能在该代码块内访问,而不能在全局作用域内访问。但是,在私有作用域内声明的变量可以访问全局作用域内的变量。例如,以下代码声明了一个名为 age 的变量,并给它赋值为 20

{
  var age = 20;
}

console.log(age); // 输出: ReferenceError: age is not defined

因为 age 变量声明在私有作用域内,所以它不能在全局作用域内访问。因此,当您尝试输出 age 变量的值时,您会看到一个 ReferenceError 错误。

三、JS 全局变量和私有变量

全局变量是在全局作用域内声明的变量,而私有变量是在私有作用域内声明的变量。全局变量可以在程序的任何地方访问,而私有变量只能在声明变量的代码块内访问。

全局变量通常用于存储一些全局信息,例如用户的名字、用户的年龄等等。私有变量通常用于存储一些临时数据,例如循环变量、函数参数等等。

为了声明一个全局变量,您需要使用 var 关键字,然后是变量的名称。例如,以下代码声明了一个名为 username 的全局变量,并给它赋值为 "john"

var username = "john";

为了声明一个私有变量,您需要先声明一个私有作用域,然后在私有作用域内声明变量。例如,以下代码声明了一个私有作用域,并在私有作用域内声明了一个名为 password 的变量,并给它赋值为 "123456"

{
  var password = "123456";
}

因为 password 变量声明在私有作用域内,所以它不能在全局作用域内访问。因此,当您尝试输出 password 变量的值时,您会看到一个 ReferenceError 错误。