JavaScript控制語(yǔ)句及搭建前端服務(wù)器的過(guò)程詳解
一、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
到此這篇關(guān)于JavaScript控制語(yǔ)句及搭建前端服務(wù)器的文章就介紹到這了,更多相關(guān)js搭建前端服務(wù)器內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Javascript 鍵盤(pán)keyCode鍵碼值表，需要的朋友可以保存一份。2009-12-12
函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊，JavaScript 中的所有事物都是對(duì)象：字符串、數(shù)值、數(shù)組、函數(shù)，下面通過(guò)本文給大家介紹JavaScript函數(shù)對(duì)象，感興趣的朋友一起學(xué)習(xí)吧2015-11-11
解析JavaScript中的不可見(jiàn)數(shù)據(jù)類(lèi)型
這篇文章主要是對(duì)JavaScript中的不可見(jiàn)數(shù)據(jù)類(lèi)型進(jìn)行了詳細(xì)的介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
bootstrap-fileinput是基于bootstrap的上傳控件。此控件在網(wǎng)上可以找到很多例子，接下來(lái)通過(guò)本文給大家分享bootstrap fileinput的使用教程，非常不錯(cuò)，感興趣的朋友一起看看吧2016-12-12
作用域（scope）是javascript語(yǔ)言的基石之一，在構(gòu)建復(fù)雜程序時(shí)可能是最頭痛的東西,所以這里羅列了五句話輕松搞定并且附上了示例。給需要的朋友參考學(xué)習(xí)。2016-07-07
淺談JavaScript 數(shù)據(jù)屬性和訪問(wèn)器屬性
下面小編就為大家?guī)?lái)一篇淺談JavaScript 數(shù)據(jù)屬性和訪問(wèn)器屬性。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-09
在JavaScript中實(shí)現(xiàn)命名空間...2006-11-11
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)彈性搜索框的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
今天小編就為大家分享一篇關(guān)于JavaScript之解構(gòu)賦值的理解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧2019-01-01
這篇文章主要為大家詳細(xì)介紹了原生js的RSA和AES加密解密算法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10