JavaScript控制語句及搭建前端服務器的過程詳解
一、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
主要用來遍歷數(shù)組，也可以是其它可迭代對象，如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');
}
}四、搭建前端服務器
（1）安裝nvm
nvm 即 (node version manager)，好處是方便切換 node.js 版本
安裝注意事項：
要卸載掉現(xiàn)有的 nodejs
提示選擇 nvm 和 nodejs 目錄時，一定要避免目錄中出現(xiàn)空格
選用【以管理員身份運行】cmd 程序來執(zhí)行 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
執(zhí)行nvm list會列出已安裝版本
切換到16.16.0
nvm use 16.16.0
安裝后 nvm 自己的環(huán)境變量會自動添加，但可能需要手工添加 nodejs 的 PATH 環(huán)境變量
（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文件夾，進入文件夾執(zhí)行：
npm install express --save-dev
修改package.json文件：
{
"type": "module",
"devDependencies": {
"express": "^4.18.1"
}
}其中 devDependencies 是 npm install --save-dev 添加的
執(zhí)行js代碼（運行前端服務器）
node main.js
到此這篇關于JavaScript控制語句及搭建前端服務器的文章就介紹到這了,更多相關js搭建前端服務器內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
Javascript 鍵盤keyCode鍵碼值表，需要的朋友可以保存一份。2009-12-12
函數(shù)是由事件驅動的或者當它被調用時執(zhí)行的可重復使用的代碼塊，JavaScript 中的所有事物都是對象：字符串、數(shù)值、數(shù)組、函數(shù)，下面通過本文給大家介紹JavaScript函數(shù)對象，感興趣的朋友一起學習吧2015-11-11
解析JavaScript中的不可見數(shù)據(jù)類型
這篇文章主要是對JavaScript中的不可見數(shù)據(jù)類型進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
bootstrap-fileinput是基于bootstrap的上傳控件。此控件在網上可以找到很多例子，接下來通過本文給大家分享bootstrap fileinput的使用教程，非常不錯，感興趣的朋友一起看看吧2016-12-12
作用域（scope）是javascript語言的基石之一，在構建復雜程序時可能是最頭痛的東西,所以這里羅列了五句話輕松搞定并且附上了示例。給需要的朋友參考學習。2016-07-07
淺談JavaScript 數(shù)據(jù)屬性和訪問器屬性
下面小編就為大家?guī)硪黄獪\談JavaScript 數(shù)據(jù)屬性和訪問器屬性。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
在JavaScript中實現(xiàn)命名空間...2006-11-11
這篇文章主要介紹了Bootstrap實現(xiàn)彈性搜索框的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
今天小編就為大家分享一篇關于JavaScript之解構賦值的理解，小編覺得內容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
這篇文章主要為大家詳細介紹了原生js的RSA和AES加密解密算法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10