JavaScript 控制语句详解与前端服务器搭建指南
本文详解 JavaScript 中 for-in 与 for-of 控制语句的区别及注意事项,涵盖对象属性遍历、继承属性处理及数组解构。随后介绍使用 nvm 管理 Node.js 版本、配置国内镜像源,并通过 Express 模块搭建本地前端服务器的完整操作流程。
一、for in
主要用于遍历对象
let father = {name:'张三', age:18, study:function(){}};
for(const n in father) {
console.log(n);
}其中 const n 代表遍历出的属性名
注意1:方法名也可被遍历(视为特殊属性)
注意2:遍历子对象时,父对象属性会一同被遍历
let son = Object.create(father);
son.sex = "男";
for(const n in son) {
console.log(n);
}注意3:在 for in 内获取属性值,须使用 [] 语法,不可用 . 语法
for(const n in son) {
console.log(n, son[n]);
}二、for of
主要用于遍历数组及其他可迭代对象,如Map、Set等
let a1 = [1,2,3];
for(const i of a1) {
console.log(i);
}
let a2 = [
{name:'张三', age:18},
{name:'李四', age:20},
{name:'王五', age:22}
];
for(const obj of a2) {
console.log(obj.name, obj.age);
}
for(const {name,age} of a2) {
console.log(name, age);
}三、try catch
let stu1 = {name:'张三', age:18, address: {city:'北京'}};
let stu2 = {name:'张三', age:18};
function test(stu) {
try {
console.log(stu.address.city)
} catch(e) {
console.log('出现了异常', e.message)
} finally {
console.log('finally');
}
}四、搭建前端服务器
(1)安装nvm
nvm 即 (node version manager),优势在于便于切换 node.js 版本
安装注意事项:
需先卸载现有的 nodejs
提示选择 nvm 和 nodejs 目录时,务必避免目录中出现空格
选用【以管理员身份运行】cmd 程序来执行 nvm 命令
首次运行前设置好国内镜像地址
nvm node_mirror http://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/首先查看有哪些可用版本
nvm list available输出:

建议安装LTS(长期支持版)
nvm install 16.16.0执行nvm list会列出已安装版本
切换到16.16.0
nvm use 16.16.0安装后 nvm 自己的环境变量会自动添加,但可能需要手工添加 nodejs 的 PATH 环境变量
(2)检查npm
npm 是 js 的包管理器,类似于 java 界的 maven,要确保它使用的是国内镜像
检查镜像:
npm get registry
如果返回的不是 https://registry.npm.taobao.org/,需要做如下设置:
npm config set registry https://registry.npm.taobao.org/(3)搭建前端服务器
新建一个保存项目的client文件夹,进入文件夹执行:
npm install express --save-dev修改package.json文件:
{
"type": "module",
"devDependencies": {
"express": "^4.18.1"
}
}其中 devDependencies 是 npm install --save-dev 添加的
执行js代码(运行前端服务器)
node main.js到此这篇关于JavaScript控制语句及搭建前端服务器的文章就介绍到这了,更多相关js搭建前端服务器内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!
Java和JavaScript应用场景对比:企业级后端 vs Web前端与Node.js
2026-11-04 16:42:01
JavaScript模块化开发入门:CommonJS与ES Module的区别
2026-11-03 23:31:34
怎么创建并运行第一个js文件
2026-11-03 21:49:02
JavaScript运行环境怎么搭建?Node.js官方下载与安装教程
2026-11-03 20:03:04
NestJS 集成 TypeORM 或 Prisma 实现数据库持久化操作
2026-11-03 18:56:13
