EcmaScript标准-导入与导出-js

ECMAScript是一种由Ecma国际(前身为欧洲计算机制造商协会,European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛,它往往被称为JavaScript或JScript,所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。

可以理解为js的一种规范

目前最新的是es6  但是需要转换为浏览器支持的语句  因为目前浏览器大部分只识别es5的语法

Es6的新标准 有一些

比如命名函数的 let  const

这里就会涉及到作用域的问题  

还有箭头函数 结构函数   Promise等等

这些都在  我的js文章中有写  需要看的可以点击去看

Es6的一些语法icon-default.png?t=N7T8http://t.csdnimg.cn/1biC9


这里默认你会最简单的node语句 

比如运行一个js文件

node  xxx.js

今天来学习

ecmaScript 的标准:

默认的导入与导出:

导出:

export defult{

这里写要导出的属性

}

导入:

import  变量名 from '模块的路径 或者模块'

代码:

01.js 设置 要导出的属性或者方法

const url='www.baidu.com'
const name="百度"
export default{ur:url,nm:name
}

02.js导入属性与方法 

import obj from './01.js'
console.log(obj.nm)
console.log(obj.ur)

这里运行后会报错 

原因是 没有设置module属性 因为 这是ec6的规范需要转换    不设置的话浏览器无法识别

 

设置package.json

自己创建一个

{"type":"module"
}

再次运行:

成功导入了



 命名导入和导出:

 

两种导入导出方式 

 依照具体的情况

代码:

01.js

const url='www.baidu.com'
const name="百度"
export const addr='湖北省武汉市天成区11栋'
//export命名导出
export default{ur:url,nm:name
}

02.js 

import obj from './01.js'
//默认导入
import { addr } from './01.js'
//命名导入
console.log(obj.nm)
console.log(obj.ur)
console.log(addr)

比如 只需要导出几个变量  就用命名导出  如果 有很多的变量要导出  那就用上面的默认导出。 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/120834.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Cannot download sources

问题 Swagger的相关包,没法看到注释;源码也下载不了,会报下面的错误。 解决办法是,通过maven,重新下载jar包。 报错 Cannot download sources Sources not found for: io.swagger.core.v3:swagger-annotations:2.2.…

主从复制是怎么实现的?

单机模式的缺点 Redis虽然有持久化技术保证Redis奔溃后重启可以恢复数据,但是,单机模式下还是存在两方面问题。一方面Redis一旦宕机,数据恢复需要一定的时间,这段时间内,都不能接收和处理请求;另一方面&am…

【教程】Ubuntu自动查看有哪些用户名与密码相同的账户,并统一修改密码

转载请注明出处:小锋学长生活大爆炸[xfxuezhagn.cn] 目录 背景说明 开始操作 修改密码 背景说明 有些用户为了图方便或者初始创建用户默认设置等原因,会将密码设置为与用户名相同,但这就使得非常不安全。甚至如果该用户具有sudo权限&#…

云原生Kubernetes:Pod控制器

目录 一、理论 1.Pod控制器 2.Deployment 控制器 3.SatefulSet 控制器 4.DaemonSet 控制器 5.Job 控制器 6.CronJob 控制器 二、实验 1.Deployment 控制器 2.SatefulSet 控制器 3.DaemonSet 控制器 4.Job 控制器 5.CronJob 控制器 三、问题 1. showmount -e 报错…

HTML5福利篇--使用Canvas画图

目录 一.Canvas元素 1.Canvas元素定义 2.使用JavaScript获取页面中的Canvas对象 二.绘制图形 1.绘制直线 2.绘制矩形 (1)rect() (2)strokeRect() (3)fillRect()和clearRect()函数 3.绘制圆弧 4.…

layui 树状控件tree优化

先上效果图: 我选的组件是这个: 动态渲染完后,分别在窗体加载完成,节点点击事件分别加入js: //侧边栏图标替换//layui-icon-subtraction$(function () {$(".layui-icon-file").addClass("backs&quo…

3 OpenCV两张图片实现稀疏点云的生成

前文: 1 基于SIFT图像特征识别的匹配方法比较与实现 2 OpenCV实现的F矩阵RANSAC原理与实践 1 E矩阵 1.1 由F到E E K T ∗ F ∗ K E K^T * F * K EKT∗F∗K E 矩阵可以直接通过之前算好的 F 矩阵与相机内参 K 矩阵获得 Mat E K.t() * F * K;相机内参获得的方式…

2.物联网射频识别,RFID通信原理,RFID读写器与标签无线交互方式、数据反馈方式,RFID调制与解调、编码方式,不同RFID标签与读写器

一。RFID无线识别的原理 1.RFID系统无线通信基本原理 如下图所示,左边是读写器(刷卡器),右边是标签(卡),中间通过无线通信方式。 标签:(卡) 读写器&#xff…

Arthas学习(1)

1.Arthas作用 Arthas是Alibaba开源的Java诊断工具。 作用:当遇到以下类似问题时,可以帮助我们解决: 1.这个类从哪个jar包加载的?为什么会报各种类相关的Exception? 2.我改的代码为什么没有执行到?难道是我没提交&am…

微表情识别API + c++并发服务器系统

微表情识别API c并发服务器系统 该项目只开源c并发服务器程序,模型API部分不开源 地址:https://github.com/lin-lai/-API- 更新功能 4.1版本 改用epoll实现IO多路复用并发服务器 项目介绍 本项目用于检测并识别视频中人脸的微表情 目标任务: 用户上…

R | R及Rstudio安装、运行环境变量及RStudio配置

R | R及Rstudio安装、运行环境变量及RStudio配置 一、介绍1.1 R介绍1.2 RStudio介绍 二、R安装2.1 演示电脑系统2.2 R下载2.3 R安装2.4 R语言运行环境设置(环境变量)2.4.1 目的2.4.2 R-CMD测试2.4.3 设置环境变量 2.5 R安装测试 三、RStudio安装3.1 RStu…

brew 安装MySQL 5.7

写在前面:博主是一只经过实战开发历练后投身培训事业的“小山猪”,昵称取自动画片《狮子王》中的“彭彭”,总是以乐观、积极的心态对待周边的事物。本人的技术路线从Java全栈工程师一路奔向大数据开发、数据挖掘领域,如今终有小成…