JavaScript控制語(yǔ)句使用及搭建前端服務(wù)器的方法是什么

本文小編為大家詳細(xì)介紹“JavaScript控制語(yǔ)句使用及搭建前端服務(wù)器的方法是什么”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“JavaScript控制語(yǔ)句使用及搭建前端服務(wù)器的方法是什么”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來(lái)學(xué)習(xí)新知識(shí)吧。

一、for in

主要用來(lái)遍歷對(duì)象

let father = {name:'張三', age:18, study:function(){}};
 
for(const n in father) {
    console.log(n);
}

其中 const n 代表遍歷出來(lái)的屬性名

注意1：方法名也能被遍歷出來(lái)（它其實(shí)也算一種特殊屬性）

注意2：遍歷子對(duì)象時(shí)，父對(duì)象的屬性會(huì)跟著遍歷出來(lái)

let son = Object.create(father);
son.sex = "男";
 
for(const n in son) {
    console.log(n);
}

注意3：在 for in 內(nèi)獲取屬性值，要使用 [] 語(yǔ)法，而不能用 . 語(yǔ)法

for(const n in son) {
    console.log(n, son[n]);
}

二、for of

主要用來(lái)遍歷數(shù)組，也可以是其它可迭代對(duì)象，如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('出現(xiàn)了異常', e.message)
    } finally {
        console.log('finally');
    }
}

四、搭建前端服務(wù)器

（1）安裝nvm

nvm 即 (node version manager)，好處是方便切換 node.js 版本

安裝注意事項(xiàng)：

要卸載掉現(xiàn)有的 nodejs

提示選擇 nvm 和 nodejs 目錄時(shí)，一定要避免目錄中出現(xiàn)空格

選用【以管理員身份運(yùn)行】cmd 程序來(lái)執(zhí)行 nvm 命令

首次運(yùn)行前設(shè)置好國(guó)內(nèi)鏡像地址

nvm node_mirror http://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/

首先查看有哪些可用版本

nvm list available

輸出：

 建議安裝LTS（長(zhǎng)期支持版）

nvm install 16.16.0

執(zhí)行nvm list會(huì)列出已安裝版本

切換到16.16.0

nvm use 16.16.0

安裝后 nvm 自己的環(huán)境變量會(huì)自動(dòng)添加，但可能需要手工添加 nodejs 的 PATH 環(huán)境變量

（2）檢查npm

npm 是 js 的包管理器，就類(lèi)似于 java 界的 maven，要確保它使用的是國(guó)內(nèi)鏡像

檢查鏡像：

npm get registry

如果返回的不是 https://registry.npm.taobao.org/，需要做如下設(shè)置：

npm config set registry https://registry.npm.taobao.org/

（3）搭建前端服務(wù)器

新建一個(gè)保存項(xiàng)目的client文件夾，進(jìn)入文件夾執(zhí)行：

npm install express --save-dev

修改package.json文件：

{
  "type": "module",
  "devDependencies": {
    "express": "^4.18.1"
  }
}

其中 devDependencies 是 npm install --save-dev 添加的

 執(zhí)行js代碼（運(yùn)行前端服務(wù)器）

node main.js

讀到這里，這篇“JavaScript控制語(yǔ)句使用及搭建前端服務(wù)器的方法是什么”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過(guò)才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。