• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > 简要记录ES6中Module的语法

简要记录ES6中Module的语法

作者:ChauncyWu的博客 字体:[增加 减小] 来源:互联网 时间:2017-08-26

ChauncyWu的博客通过本文主要向大家介绍了es6 module,es6语法,es6常用语法,es6新语法,es6 rest语法等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

Module ,即模块,ES6中 模块不是对象,而是通过export命令显式指定输出的代码,再通过import命令输入,如同script导入外部JS脚本。

例一:

 

//xx1.js
var name = 'wu';
var age = 20;
var addr = 'Suzhou';
export {name,age,addr}; //输出变量

//main.js
//引入变量 其中把name变量名改为n
import{name as n,age,addr} from './xx1.js';


例二:

 

 

//xx1.js
export function calcs(n) {
    return n*n;
} //输出计算方法

//main.js
import{calcs} from './xx1'; //文件名后的.js可以省略 
//直接引入方法名
console.log(calcs(3)); //输出9


例三   同一个页面里,可以既有export ,又有import

 

 

//xx.js
import{foo ,bar} from 'myjs';
export{foo,bar};


例四  ES6 Module(模块)是动态引用,并且不会缓存值,模块里面的变量绑定其所在的模块

 

 

//xx1.js
export var foo = 'bar';
setTimeout(() => foo = 'bazz',500 );

//xx2.js
import {foo} from './xx1.js';
console.log(foo); //bar
setTimeout(() => console.log(foo),500); //bazz

上面的代码中,xx1.js的变量foo ,刚加载时是bar,过了500毫秒,变成了bazz。那么在xx2.js中这个变化也一样。

先行记录于此,感谢阮一峰先生的ES6入门教程
 

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • ES6中module模块化开发实例浅析
  • 简要记录ES6中Module的语法

相关文章

  • 2017-05-11jQuery加载及解析XML文件的方法实例分析
  • 2017-05-11JavaScript实现获取远程的html到当前页面中
  • 2017-05-11vue实现ToDoList简单实例
  • 2017-08-19js 时间 时分秒选择
  • 2017-05-11JS实现HTML标签转义及反转义
  • 2017-05-11原生JS实现几个常用DOM操作API实例
  • 2017-05-11如何在 Vue.js 中使用第三方js库
  • 2017-05-11JavaScript中object和Object的区别(详解)
  • 2017-05-11JS实现简易刻度时钟示例代码
  • 2017-05-11JavaScript实现两个select下拉框选项左移右移

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • javascript实现秒表计时器的制作方法
    • ES6学习笔记之Set和Map数据结构详解
    • Vue.js实现文章评论和回复评论功能
    • jQuery基于正则表达式的表单验证功能示例
    • 详解angularJs指令的3种绑定策略
    • vue.js实现含搜索的多种复选框(附源码)
    • js中的DOM模拟购物车功能
    • Vue input控件通过value绑定动态属性及修饰符的方法
    • BootStrap+Mybatis框架下实现表单提交数据重复验证
    • 通过npm引用的vue组件使用详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有