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 的包管理器,就類似于 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系列之?dāng)?shù)據(jù)類型 字符串
下面先講一下字符串String字符串由零個(gè)或者多個(gè)字符構(gòu)成。字符可以包括字母、數(shù)字、標(biāo)點(diǎn)符號(hào)和空格。2011-06-06document.getElementById的一些細(xì)節(jié)
document.getElementById的一些細(xì)節(jié)...2006-09-09layer.open關(guān)閉父窗口 以及調(diào)用父頁(yè)面的方法
今天小編就為大家分享一篇layer.open關(guān)閉父窗口 以及調(diào)用父頁(yè)面的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08javascript iframe內(nèi)的函數(shù)調(diào)用實(shí)現(xiàn)方法
用下面的方法可以調(diào)用iframe中的函數(shù),實(shí)現(xiàn)一些比較特殊的效果,不過(guò)能跨域的。2009-07-07three.js開發(fā)3d地圖的實(shí)現(xiàn)示例
本文主要介紹了three.js開發(fā)3d地圖的實(shí)現(xiàn)示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹
本篇文章小編為大家介紹,你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹。需要的朋友參考下2013-04-04微信小程序?qū)崿F(xiàn)提交input信息到后臺(tái)的方法示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)提交input信息到后臺(tái)的方法,結(jié)合實(shí)例形式分析了微信小程序提交input信息到后臺(tái)相關(guān)事件響應(yīng)與數(shù)據(jù)處理操作技巧,需要的朋友可以參考下2019-01-01window.onload與$(document).ready()的區(qū)別分析
這篇文章主要介紹了window.onload與$(document).ready()的區(qū)別,實(shí)例分析了二者在加載頁(yè)面元素使用過(guò)程中的區(qū)別,需要的朋友可以參考下2015-05-05