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 內(nèi)獲取屬性值,要使用 [] 語法,而不能用 . 語法
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 命令
首次運行前設置好國內(nèi)鏡像地址
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,要確保它使用的是國內(nèi)鏡像
檢查鏡像:
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
到此這篇關(guān)于JavaScript控制語句及搭建前端服務器的文章就介紹到這了,更多相關(guān)js搭建前端服務器內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
精通Javascript系列之數(shù)據(jù)類型 字符串
下面先講一下字符串String字符串由零個或者多個字符構(gòu)成。字符可以包括字母、數(shù)字、標點符號和空格。2011-06-06document.getElementById的一些細節(jié)
document.getElementById的一些細節(jié)...2006-09-09layer.open關(guān)閉父窗口 以及調(diào)用父頁面的方法
今天小編就為大家分享一篇layer.open關(guān)閉父窗口 以及調(diào)用父頁面的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08javascript iframe內(nèi)的函數(shù)調(diào)用實現(xiàn)方法
用下面的方法可以調(diào)用iframe中的函數(shù),實現(xiàn)一些比較特殊的效果,不過能跨域的。2009-07-07你必須知道的Javascript知識點之"深入理解作用域鏈"的介紹
本篇文章小編為大家介紹,你必須知道的Javascript知識點之"深入理解作用域鏈"的介紹。需要的朋友參考下2013-04-04微信小程序?qū)崿F(xiàn)提交input信息到后臺的方法示例
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)提交input信息到后臺的方法,結(jié)合實例形式分析了微信小程序提交input信息到后臺相關(guān)事件響應與數(shù)據(jù)處理操作技巧,需要的朋友可以參考下2019-01-01window.onload與$(document).ready()的區(qū)別分析
這篇文章主要介紹了window.onload與$(document).ready()的區(qū)別,實例分析了二者在加載頁面元素使用過程中的區(qū)別,需要的朋友可以參考下2015-05-05