JavaScript 基础入门：变量、函数与流程控制核心语法

变量与作用域管理

变量是程序运行过程中值可变的存储单元。在 JavaScript 中，变量声明的行为取决于是否使用 var 关键字，这直接决定了变量的作用域：

• 局部变量：使用 var 声明的变量仅在当前作用域（如函数内）有效。例如：var people = "good boy";，浏览器会自动推断其类型为字符串。
• 全局变量风险：如果在赋值时省略 var（如 age = 30;），该变量会被视为全局变量。虽然这在执行过程中不会被自动释放，但容易引发命名冲突和维护困难，建议始终显式使用 var 或现代 ES6 的 let/const 进行声明。

函数的定义与调用

函数是将代码块组织在一起的模块，旨在减少重复代码并提高可读性。JavaScript 支持多种函数定义方式：

第1步：标准函数表达式

// 标准写法
function helloFun() {
  alert("hello world");
}

// 变量形式的写法（匿名函数赋值）
var helloFun = function() {
  alert("hello world");
};

这两种方式在功能上等价，但后者更常用于将函数作为参数传递或动态生成。

第2步：带参数的函数

JS 是弱类型语言，函数参数不需要指定类型，传入什么类型的值就处理什么值：

var helloFun = function(msg) {
  alert(msg);
};

// 函数调用
helloFun("hello world");

条件语句逻辑

根据业务需求的不同结果，通常选择 switch 或 if...else 结构。

第3步：Switch 多分支判断

适用于条件值为固定几个选项的场景。注意每个 case 后必须使用 break 防止穿透：

var inputNumber = document.getElementById("type");
switch(inputNumber) {
  case 1:
    alert("类型1号");
    break;
  case 2:
    alert("类型2号");
    break;
  case 3:
    alert("类型3号");
    break;
  default:
    alert("未匹配类型");
    break;
}

*注：原文中 throw new Exception() 并非 JS 标准错误抛出语法（JS 使用 throw new Error），此处已修正为通用的默认提示。同时修正了原文 getElementByID 的大小写错误，正确方法为 getElementById。

第4步：If...Else 区间判断

适用于连续数值或复杂条件的判断，例如根据年龄分段：

var inputAge = document.getElementById("age");
if(inputAge > 1 && inputAge < 18) {
  alert("未成年");
} else if (inputAge >= 18 && inputAge < 70) {
  alert("成年人");
} else if(inputAge >= 70) {
  alert("老年人");
} else {
  alert("填写表单有误");
}

注意：逻辑与使用 &&，逻辑或使用 ||。原文末尾的分号为中文分号，已在代码块中修正为英文分号以确保语法正确。

循环结构与性能优化

循环用于在满足条件时重复执行代码块。在 JavaScript 中，for 循环是最常见的结构，但其写法对性能有显著影响。

第5步：优化后的 For 循环

在处理数组或长列表时，应避免在每次迭代中重新计算长度属性，而应将长度缓存到局部变量中：

// 推荐写法：性能更优
var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
  console.log(arr[i]); // 可在控制台查看结果
}

// 不推荐写法：每次遍历都查询 length，增加开销
var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) { 
   // 注意：原文代码中有 int i=0;j=Arr.length 等语法错误，JS不使用int关键字
   // 且大小写敏感，arr 不应写成 Arr
   console.log(arr[i]); 
}

性能关键点说明：

1. 类型声明：JavaScript 是弱类型语言，for 循环初始化时无需使用 int 关键字，直接使用 var 或直接赋值即可。
2. 大小写敏感：变量名严格区分大小写，Arr 和 arr 是不同的变量，需保持一致。
3. 缓存长度：对于大型数据结构，建议在循环外预先获取长度并赋值给局部变量，以避免重复的属性访问开销。

以上就是 JavaScript 基础语法的详细内容，更多关于前端开发与 JavaScript 入门的资料请关注本站其它相关文章！