ES6之Module的语法(3)

7.export 与 import 的复合写法

如果在一个模块之中,先输入后输出同一个模块,import语句可以与export语句写在一起
这里写图片描述

模块的接口改名和整体输出,也可以采用这种写法
这里写图片描述

默认接口的写法如下
这里写图片描述

具名接口改为默认接口的写法如下
这里写图片描述
因为默认是输出变量default,这里直接将es6赋值给了default变量作为输出

8.import

前面介绍过,import命令会被 JavaScript 引擎静态分析,先于模块内的其他模块执行(叫做”连接“更合适)。所以,下面的代码会报错
这里写图片描述

上面代码中,引擎处理import语句是在编译时,这时不会去分析或执行if语句,所以import语句放在if代码块之中毫无意义,因此会报句法错误,而不是执行时错误。也就是说,import和export命令只能在模块的顶层,不能在代码块之中(比如,在if代码块之中,或在函数之中)

这样的设计,固然有利于编译器提高效率,但也因为其实静态加载导致无法在运行时再加载模块。从语法上,条件加载就不可能实现。如果import命令要取代 Node 的require方法,这就形成了一个障碍。因为require是运行时加载模块,import命令无法取代require的动态加载功能

这里写图片描述

上面的语句就是动态加载,require到底加载哪一个模块,只有运行时才知道。import语句做不到这一点

因此,有一个提案建议引入import()函数,完成动态加载

10.模块的继承

模块之间也可以继承
这里写图片描述

上面代码中的export ,表示再输出circle模块的所有属性和方法。注意,export 命令会忽略circle模块的default方法。然后,上面代码又输出了自定义的e变量和默认方法

这时,也可以将circle的属性或方法,改名后再输出
这里写图片描述
上面代码表示,只输出circle模块的area方法,且将其改名为circleArea

加载上面模块的写法如下
这里写图片描述
上面代码中的import exp表示,将circleplus模块的默认方法加载为exp方法

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

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

相关文章

到了新公司

由于原公司撤资,今天是新公司的第一天上班,希望自己能走好:) 转载于:https://www.cnblogs.com/treeyh/archive/2008/04/21/1164709.html

group by的使用

在sql语句中经常用到group by,但是对其并不是太了解,所以记录下来: select A,cout(*) 数量 from table_name group by A; group by 的使用有一条原则,那就是select 后面的所有列中没有使用聚合函数到必须出现在group by 后面。 那…

定时关机,适用于windows系统

命令: at 23:00:00 shutdown -s

ES6之Module 的加载实现(1)

1.浏览器加载 1.1传统方法&#xff1a; 在 HTML 网页中&#xff0c;浏览器通过<script>标签加载 JavaScript 脚本 默认情况下&#xff0c;浏览器是同步加载 JavaScript 脚本&#xff0c;即渲染引擎遇到<script>标签就会停下来&#xff0c;等到执行完脚本&…

c#同类型操作最终得到的结果将是同类型

例&#xff1a;decimal a (decimal) ( 1 / 2 ); //a的值是 0declmal b (decimal) ( (decimal)1 / (decimal)2 ) //b的值是0.5 转载于:https://www.cnblogs.com/lswweb/archive/2008/04/22/1165336.html

不断尝试,终能到达彼岸

不断尝试&#xff0c;终能到达彼岸 看山是山&#xff0c;看水是水&#xff1b;看山不是山&#xff0c;看水不是水&#xff1b;看山还是山&#xff0c;看水还是水。——佛家中人生三大境界 最近有一个用django开发的项目需要部署&#xff0c;项目用到了djangorestfulframework&a…

ES6之Module 的加载实现(2)

3.Node 加载 Node 对 ES6 模块的处理比较麻烦&#xff0c;因为它有自己的 CommonJS 模块格式&#xff0c;与 ES6 模块格式是不兼容的。目前的解决方案是&#xff0c;将两者分开&#xff0c;ES6 模块和 CommonJS 采用各自的加载方案 3.1在静态分析阶段&#xff0c;一个模块脚本…

Linux tail 命令详解

用途从指定点开始将文件写到标准输出。使用tail命令的-f选项可以方便的查阅正在改变的日志文件&#xff0c;tail -f filename会把filename里最尾部的内容显示在屏幕上&#xff0c;并且不但刷新&#xff0c;使你看到最新的文件内容。语法标准语法tail [ -f ] [ -c Number | -…

ASP.NET+AJAX简单的文体编辑器

前言: 这里一个基于AJAX的简单的文体编辑器,主要是利用了AJAX不刷新这个来做,功能上很简单没有什么技术性的东西在里, 在这里希望能够初学习一点帮助,同时也我自己也提高和巩固了以前学过的东西&#xff1b;目录&#xff1a; 运行结果浏览 代码讲解…

判断字符串中有多少汉字

如何判断字符串中有多少汉字代码实例&#xff1a; <html xmlns"http://www.w3.org/1999/xhtml" ><head> <title>标题页</title> </head> <body> <script language"JavaScript"> function cal(str) { re…

ES6之Module 的加载实现(3)

4.循环加载 “循环加载”&#xff08;circular dependency&#xff09;指的是&#xff0c;a脚本的执行依赖b脚本&#xff0c;而b脚本的执行又依赖a脚本 通常&#xff0c;“循环加载”表示存在强耦合&#xff0c;如果处理不好&#xff0c;还可能导致递归加载&#xff0c;使得程…

oracle存储过程写法(一)

Create or Replace Procedure Proc_AppendRecords(nAppendCount int -- 要添加的记录条数)asbegindeclarenstart int;nend int;beginselect NVL(max(UserID),0) into nstart from T_Test_Checkbill;nend : nstart nAppendCount;while nstart < …

列举网络芳邻的网络资源

此范例会以递归方式列举网络芳邻的网络资源&#xff0c;在此范例中会使用到 mpr.dll API 函式库的 WNetEnumResource、WNetOpenEnum、WNetCloseEnum 函式来进行网络芳邻的网络资源的列举动作。 TAPIMpr 类别为 mpr.dll API 函式库的操作类别 1: <summary> 2: …

HDU 1087

一个简单而经典的dp; 若数组a&#xff1a;1 3 2 4 则数组b&#xff1a;1 4 3 8 b[i]每一个都要向前找 合法 的最大b[x]值加上当前的a[i]; 如b[2]b[0]a[2]; #include <iostream>using namespace std;int a[1001];int b[1001];int max_b(int i){ int max10; for(int …

Vue之重命名组件

因为header本身是关键字&#xff0c;所以这里通过重命名的方式改为’v-header’

一个封装了的选项卡效果js

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv"Content-Type" content"text/html; charsetgb2312"><title>井底的蛙</title><script type"text/j…