JavaScript控制语句及搭建前端服务器的过程详解

 更新时间:2023年04月19日 10:38:43   作者:夏志121  
这篇文章主要介绍了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

主要用来遍历数组,也可以是其它可迭代对象,如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('出现了异常', e.message)
    } finally {
        console.log('finally');
    }
}

四、搭建前端服务器

(1)安装nvm

nvm 即 (node version manager),好处是方便切换 node.js 版本

安装注意事项:

要卸载掉现有的 nodejs

提示选择 nvm 和 nodejs 目录时,一定要避免目录中出现空格

选用【以管理员身份运行】cmd 程序来执行 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

执行nvm list会列出已安装版本

切换到16.16.0

nvm use 16.16.0

安装后 nvm 自己的环境变量会自动添加,但可能需要手工添加 nodejs 的 PATH 环境变量

(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文件夹,进入文件夹执行:

npm install express --save-dev

修改package.json文件:

{
  "type": "module",
  "devDependencies": {
    "express": "^4.18.1"
  }
}

其中 devDependencies 是 npm install --save-dev 添加的

 执行js代码(运行前端服务器)

node main.js

到此这篇关于JavaScript控制语句及搭建前端服务器的文章就介绍到这了,更多相关js搭建前端服务器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Javascript 键盘keyCode键码值表

    Javascript 键盘keyCode键码值表

    Javascript 键盘keyCode键码值表,需要的朋友可以保存一份。
    2009-12-12
  • 详解JavaScript函数对象

    详解JavaScript函数对象

    函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块,JavaScript 中的所有事物都是对象:字符串、数值、数组、函数,下面通过本文给大家介绍JavaScript函数对象,感兴趣的朋友一起学习吧
    2015-11-11
  • 解析JavaScript中的不可见数据类型

    解析JavaScript中的不可见数据类型

    这篇文章主要是对JavaScript中的不可见数据类型进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • BootStrap Fileinput的使用教程

    BootStrap Fileinput的使用教程

    bootstrap-fileinput是基于bootstrap的上传控件。此控件在网上可以找到很多例子,接下来通过本文给大家分享bootstrap fileinput的使用教程,非常不错,感兴趣的朋友一起看看吧
    2016-12-12
  • 轻松5句话解决JavaScript的作用域

    轻松5句话解决JavaScript的作用域

    作用域(scope)是javascript语言的基石之一,在构建复杂程序时可能是最头痛的东西,所以这里罗列了五句话轻松搞定并且附上了示例。给需要的朋友参考学习。
    2016-07-07
  • 浅谈JavaScript 数据属性和访问器属性

    浅谈JavaScript 数据属性和访问器属性

    下面小编就为大家带来一篇浅谈JavaScript 数据属性和访问器属性。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 在JavaScript中实现命名空间

    在JavaScript中实现命名空间

    在JavaScript中实现命名空间...
    2006-11-11
  • Bootstrap实现弹性搜索框

    Bootstrap实现弹性搜索框

    这篇文章主要介绍了Bootstrap实现弹性搜索框的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • JavaScript之解构赋值的理解

    JavaScript之解构赋值的理解

    今天小编就为大家分享一篇关于JavaScript之解构赋值的理解,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • 原生js的RSA和AES加密解密算法

    原生js的RSA和AES加密解密算法

    这篇文章主要为大家详细介绍了原生js的RSA和AES加密解密算法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10

最新评论