前端基础之变量、作用域和内存

2023-09-15 19:15:53

前言

前端开发是当今最热门的职业之一，随着前端技术的不断发展，前端工程师也需要掌握越来越多的知识和技能。作为一名前端工程师，除了熟练掌握 HTML、CSS 和 JavaScript 等基本技术外，还需要了解一些底层的基础知识，比如变量、作用域和内存。这些基础知识虽然看似简单，但却是前端开发的基础，也是理解更高级的知识和技术的关键。

变量

变量是用来存储数据的容器，在前端开发中，我们经常使用变量来存储各种数据，比如用户输入、表单数据、请求结果等。变量的声明方式很简单，使用 var、let 或 const ，后面跟变量名，再用 = 号赋值。例如：

var username = 'John Doe';
let age = 30;
const PI = 3.14;

作用域

作用域是指变量的有效范围，在 JavaScript 中，作用域有两种：全局作用域和局部作用域。全局作用域是指在整个程序中都可以访问的变量，而局部作用域是指只在函数或块中可以访问的变量。局部作用域中的变量无法在全局作用域中访问，而全局作用域中的变量可以在局部作用域中访问。例如：

// 全局变量
var username = 'John Doe';

// 函数
function sayHello() {
  // 局部变量
  var age = 30;

  console.log(`Hello, ${username}! You are ${age} years old.`);
}

// 调用函数
sayHello(); // 输出: Hello, John Doe! You are 30 years old.