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系列之?dāng)?shù)據(jù)類(lèi)型 字符串
下面先講一下字符串String字符串由零個(gè)或者多個(gè)字符構(gòu)成。字符可以包括字母、數(shù)字、標(biāo)點(diǎn)符號(hào)和空格。2011-06-06
document.getElementById的一些細(xì)節(jié)
document.getElementById的一些細(xì)節(jié)...2006-09-09
layer.open關(guān)閉父窗口 以及調(diào)用父頁(yè)面的方法
今天小編就為大家分享一篇layer.open關(guān)閉父窗口 以及調(diào)用父頁(yè)面的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
javascript iframe內(nèi)的函數(shù)調(diào)用實(shí)現(xiàn)方法
用下面的方法可以調(diào)用iframe中的函數(shù),實(shí)現(xiàn)一些比較特殊的效果,不過(guò)能跨域的。2009-07-07
three.js開(kāi)發(fā)3d地圖的實(shí)現(xiàn)示例
本文主要介紹了three.js開(kāi)發(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-01
window.onload與$(document).ready()的區(qū)別分析
這篇文章主要介紹了window.onload與$(document).ready()的區(qū)別,實(shí)例分析了二者在加載頁(yè)面元素使用過(guò)程中的區(qū)別,需要的朋友可以參考下2015-05-05

