精华内容
下载资源
问答
  • ES6语法中的导出和导出export/import
    千次阅读
    2020-03-01 22:33:04

    ES6语法的导出和导入默认成员和非默认成员学习笔记

    1.ES6语法中使用export导出成员或者函数,对应的导入时需要使用import

    2.export导出默认函数和默认成员时一个模块(通常是一个js文件)只能有一个默认成员或者默认函数

    (1)//导出默认函数

    export default function(){

        console.log("这是ES6语法111");

    }

    对应导入时并使用示例

    import bar from "./bar"  //导入

    bar(); //调用

    (2)//导出默认对象

    export default{

        name:"张三",

        age:33

    }

    对应导入并使用

    import obj from "./defaultObject"

    console.log(obj)

    console.log(obj.name)

    3.导出导入非默认函数和非默认成员示例

    //ES6语法导出默认函数,一个文件种只能 有一个默认函数或者一个默认对象
    
    export default function(){
    
        console.log("这是ES6语法111");
    
    }
    
    //ES6导出非默认成员
    
    export const x=1;
    
    export const y=20;
    
    //es6导出非默认函数,导出非默认函数时需要给函数定义一个名字
    
    export function add(x1,x2){
    
        return x1+x2;
    
    } 

    对应导入并使用

    import {x,y,add} from "./bar"   //导入bar文件种的x,y成员变量和add函数
    console.log(x,y,add(10,30))
    
    import * as bar from "./bar"   //*表示导入bar文件种的所有成员和函数,包含默认成员和默认函数
    bar.default()
    
    console.log(bar.x,bar.y,bar.add(20,30))

     

    更多相关内容
  • js模块化:默认导出 export default

    千次阅读 2020-08-23 21:06:00
    默认导出形式1:export { xx as default } 默认导出形式2:export default { xx } export default 在使用 export 导出后,import 导入时需要使用花括号对应模块。使用 export default 后,可以省略花括号。 示例 ...

    前言

    export default

    在使用 export 导出后,import 导入时需要使用花括号对应模块。使用 export default 后,可以省略花括号。

    示例

    DefaultMyClass.js

    class MyClass {}
    
    MyClass.prototype.hello = function() {
    	console.log("hello");
    }
    
    export { MyClass as default };
    
    • 导出的 MyClass 类是默认导出

    jsTestDefaultMyClass.html

    <script type="module">
    	import TheClass from "./DefaultMyClass.js";
    
    	console.log(TheClass);
    	let theClass = new TheClass();
    	theClass.hello();
    </script>
    
    • MyClass 类是默认导出,那就特殊一些,不用花括号了。
    • MyClass 类是默认导出,更加特殊的是,名字可以随便起,叫 TheClass 也可以。

    执行效果:
    在这里插入图片描述

    换个默认导出试试

    DefaultMyClass.js

    class MyClass {}
    
    MyClass.prototype.hello = function() {
    	console.log("hello");
    }
    
    class NewClass {}
    
    NewClass.prototype.hello = function() {
    	console.log("new hello");
    }
    
    export { MyClass, NewClass as default };
    
    • 导出的 NewClass 类是默认导出

    jsTestDefaultMyClass.html

    <script type="module">
    	import TheClass from "./DefaultMyClass.js";
    
    	console.log(TheClass);
    	let theClass = new TheClass();
    	theClass.hello();
    </script>
    
    • 代码没有变,但是执行结果变量。改为调用 NewClass 的 hello 方法了。

    执行效果:
    在这里插入图片描述

    我还用 MyClass 呢

    DefaultMyClass.js

    class MyClass {}
    
    MyClass.prototype.hello = function() {
    	console.log("hello");
    }
    
    class NewClass {}
    
    NewClass.prototype.hello = function() {
    	console.log("new hello");
    }
    
    export { MyClass, NewClass as default};
    
    • 不解释了

    jsTestDefaultMyClass.html

    <script type="module">
    	import TheClass, { MyClass } from "./DefaultMyClass.js";
    
    	console.log(TheClass);
    	let theClass = new TheClass();
    	theClass.hello();
    
    	console.log(MyClass);
    	let myClass = new MyClass();
    	myClass.hello();
    </script>
    

    执行效果:
    在这里插入图片描述

    有干扰这么办

    DefaultMyClass.js

    class MyClass {}
    
    MyClass.prototype.hello = function() {
    	console.log("hello");
    }
    
    class NewClass {}
    
    NewClass.prototype.hello = function() {
    	console.log("new hello");
    }
    
    class GreyClass {}
    
    GreyClass.prototype.hello = function() {
    	console.log("grey hello");
    }
    
    export { GreyClass, NewClass as default, MyClass};
    

    jsTestDefaultMyClass.html

    <script type="module">
    	import TheClass, { GreyClass as NewGreyClass, default as NewClass, MyClass } from "./DefaultMyClass.js";
    
    	console.log(TheClass);
    	let theClass = new TheClass();
    	theClass.hello();
    
    	console.log(NewGreyClass);
    	let greyClass = new NewGreyClass();
    	greyClass.hello();
    
    	console.log(NewClass);
    	let newClass = new NewClass();
    	newClass.hello();
    
    	console.log(MyClass);
    	let myClass = new MyClass();
    	myClass.hello();
    </script>
    

    执行效果:
    在这里插入图片描述

    export default {}

    DefaultMyClass.js

    class MyClass {}
    
    MyClass.prototype.hello = function() {
    	console.log("hello in MyClass");
    }
    
    function hello() {
    	console.log("hello function");
    }
    
    var obj = { hello:()=>{ console.log("hello in obj"); } };
    var age = 18;
    
    export default { MyClass, hello, obj, age};
    

    jsTestDefaultMyClass.html

    <script type="module">
    	import myModules from "./DefaultMyClass.js";
    
    	console.log(myModules);
    	let myClass = new myModules.MyClass();
    	myClass.hello();
    
    	myModules.hello();
    
    	myModules.obj.hello();
    
    	console.log("age=",myModules.age);
    </script>
    

    执行效果:
    在这里插入图片描述

    参考

    https://www.cnblogs.com/libin-1/p/7127481.html

    展开全文
  • [vue]js模块导入导出export default

    千次阅读 2018-05-19 14:03:00
    - export default s1 1.仅能出现1次default 2.导入时候可以随便命名 3,导出时候不必写{} - 常规的导出导入 1,必须{}格式 2,导入时必须{}匹配 3,a.js 和b.js导入main.js变量名不能重复 如果重复需 import * as obj1...

    webstrom调试未授权问题解决

    1312420-20181125222342370-1122211802.png

    1312420-20181125222429707-1480405755.png

    分es6语法和node语法

    参考
    参考

    - export default s1
    1.仅能出现1次default
    2.导入时候可以随便命名
    3,导出时候不必写{}
    
    - 常规的导出导入
    1,必须{}格式
    2,导入时必须{}匹配
    3,a.js 和b.js导入main.js变量名不能重复
        如果重复需 import * as obj1 from "./a.js" 的方式导
    -- 栗子:导出2个变量
    模块的导入导出:
    1,导出 export
    2,导入 import
    
    - a.js
    export let s1 = "maotai";
    export let s2 = "maomao";
    
    - main.js
    import {s1, s2} from "./a.js"
    console.log(s1, s2);
    
    - index.html
    <script src="main.js" type="module"></script>
    1,导入导出
    2,变量名重复
    
    
    import * as obj1 from "./a.js"
    
    console.log(obj1.a, obj1.b);
    
    
    import * as obj2 from "./b.js"
    
    console.log(obj2.b);
    
    - 导出a.js的s1变量, 导入到main.js里面
    1.注意导出时候是{}格式
    2,导出时export {s1}, 导入时也必须对应 import {s1}
     
    - a.js
    let s1 = "maotai";
    export {s1};
    
    - main.js
    import {s1} from "./a.js"
    console.log(s1);
    
    - index.html
    <script src="main.js" type="module"></script>
    1.导出变量时候简写
    2.import有变量预解释的效果(定义)
    
    - a.js
    export let s1 = "maotai"; //可以用语句来导出
    
    - main.js
    import {s1} from "./a.js"
    console.log(s1);
    
    - index.html
    <script src="main.js" type="module"></script>
    - a.js
    let s1 = "maotai"; //可以用语句来导出
    export default s1;
    
    - main.js(可重复导入)
    import any from "./a.js"
    console.log(any);
    
    import any2 from "./a.js"
    console.log(any2);
    
    
    - index.html
    <script src="main.js" type="module"></script>
    - 理解default的规则
    - a.js
    let s1 = "maotai";
    let s2 = "maomao";
    
    //1.只能有1个default
    //export default s1;
    export default s2;
    
    //2.可以和正常的导出并存
    export default {s1,s2}
    
    
    - main.js(可重复导入)
    import any from "./a.js"
    console.log(any);
    
    import any2 from "./a.js"
    console.log(any2);
    
    import {s1, s2} from "./a.js"
    console.log(s1, s2);
    
    - index.html
    <script src="main.js" type="module"></script>

    export时候不写名称

    - a.js
    export default 'maotai';
    
    - main.js
    import any from "./a.js"
    console.log(any);
    
    - index.html
    <script src="main.js" type="module"></script>

    类比下node的export

    let path = require("path");
    
    module.exports = {
        entry: path.resolve('./src/main.js'),
        output: {
            path: path.resolve('./dist'),
            filename: 'bundle.js'
        }
    };

    关于默认的index.js的特殊处理

    导入index.js时候不用写index.js名字
    1312420-20181125102857652-388561780.png

    demo/build/index.js

    module.exports = {
      name:'maotai',
      age:'22'
    };

    demo/config/test.js

    let path = require('path');
    
    let config = require('../config');
    
    
    console.log(config.name);

    导入时候必须要有{}

    export let name = 'maotai';

    导入时候必须有花括号。

    import {name}  from './api';

    转载于:https://www.cnblogs.com/iiiiiher/p/9060206.html

    展开全文
  • 导入import和导出export

    2021-11-12 17:56:29
    export { }, 与变量名绑定,命名导出。 import { } from 'module', 导入module的命名导出 ,module 为如上的./fn_data.js 这种情况下 import { } 内部的变量名称,要与 export { } 完全匹配。 export default any ...

    目录

     

    1.正常导出导入

    2.默认导出

    3.混合导入/导出


    所有通过 export 导出的属性,在 import 中可以通过结构的方式,解构出来

    1.正常导出导入

    导出模块(fn_data.js):

    const name = '张三'
    const age = 18
    const say = function () {
      console.log('nice to meet you')
    }
    
    export { name, age, say }
    

    导入(fn_handle.js):

    import { name, age, say } from './fn_data.js'
    
    console.log(name)
    console.log(age)
    console.log(say)

    结果如下:

    • export { }, 与变量名绑定,命名导出。

    • import { } from 'module', 导入module的命名导出 ,module 为如上的./fn_data.js

    • 这种情况下 import { } 内部的变量名称,要与 export { } 完全匹配。

    2.默认导出

    导出模块(fn_data.js):

    const name = '张三'
    const age = 18
    const say = function () {
      console.log('nice to meet you')
    }
    
    export default {
      name,
      age,
      say
    }

    导入(fn_handle.js):

    import fn_data from './fn_data.js'
    console.log(fn_data) //{name: '张三', age: 18, say: ƒ}
    • export default any 导入 module 的默认导出。any 可以是函数,属性方法,或者对象。

    • 对于引入默认导出的模块,import any from 'module', any 可以是自定义名称。

    3.混合导入/导出

    导出模块(fn_data.js):

    export const name = '张三'
    export const age = 18
    export const say = function () {
      console.log('nice to meet you')
    }

    1.合并导入(fn_handle.js):

    import say, * as mes from './fn_data.js'
    
    console.log(say) // ƒ say() {console.log('nice to meet you')}
    console.log(mes)

    打印结果如下:

    导出的属性被合并到 mes 属性上,export 被导入到对应的属性上,export default 导出内容被绑定到 default 属性上。say 也可以作为被 export default 导出属性 

    2.重命名导入(fn_handle.js):

    import say,{ name as user_name, age as user_age } from './fn_data.js'
    
    console.log(user_name) //张三
    console.log(say) //ƒ say() {console.log('nice to meet you')}
    console.log(user_age) //18

    从 module 模块中引入 name ,并重命名为 user_name,从 module 模块中引入 age ,并重命名为 user_age。然后在当前模块下,使用被重命名的名字。

    import特性:

    • 使用 import 被导入的模块运行在严格模式下。

    • 使用 import 被导入的变量是只读的,可以理解默认为 const 装饰,无法被赋值

    • 使用 import 被导入的变量是与原变量绑定/引用的,可以理解为 import 导入的变量无论是否为基本类型都是引用传递。

    展开全文
  • Photoshop导出图层-Export-Layers-to-Files-Fast-master,Photoshop导出图层-Export-Layers-to-Files-Fast-master,Photoshop导出图层-Export-Layers-to-Files-Fast-master,
  • export: 一个文件中,可以有多个export,可以向外暴露一个变量或一个对象,形式如下: 向外暴露/导出一个变量 导入形式为: 向外暴露/导出一个对象 导入形式为: export default 一个模块中,export default...
  • Spine 批量导出 Export 文件

    千次阅读 2019-09-05 21:52:49
    星之白菜 大哥的 博客,(网上很多人都是转载他的)...1.打开需要导出的 Spine 文件中的其中1个,进入到如下页面: 单击 [save],保存文件,我们这里保存为: spineSetting.json 文件; 然后,第二步: 打开 cmd...
  • 什么是 ES6 模块化规范 ? ES6 模块化的基本语法有哪些? 如何在 node.js 中体验 ES6 模块化?
  • 关于RN组件的导出export和export default

    万次阅读 2016-11-14 10:43:57
    组件导出的关键字是exprot default没有加default时,例如:export class Template{}当然,你可以在单个js文件里声明多个组件,例如Templates.jsexport class Template{} export class AnotherTemplate{}这样在其他...
  • Export2Excel.js导出excel

    2020-11-18 18:41:56
    包含Blob.js和Export2Excel.js文件,支持导出excel内容的宽度自适应,在vue项目中实现前端导出Excel文件
  • 主要介绍了Django import export实现数据库导入导出方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • Rust库和关联的CLI程序可将库导出到常规Markdown(具体是 ) 将黑曜石Markdown文件递归导出到CommonMark。 支持[[note]]风格的引用以及包含的![[note]]文件。 支持样式的排除模式(默认值: .export-ignore )。 ...
  • vue实现多sheet页导出所需文件Export2Excel.js
  • Bootstrap Table表格插件及数据导出(可导出Excel2003及Exce2007) 先将bootstrap-table-export.js、tableExport.js、FileSaver.min.js、xlsx.core.min.js引入下载页面 修改bootstrap-table-export.js文件里...
  • 页面数据导出工具,通过tableExport 导出指定dable数据,可根据需求修改相关样式。
  • 关于export的多种导出形式

    千次阅读 2020-09-14 14:47:48
    1、文件中存在多个export的时候 //module.ts文件 export class Modulea{ constructor(public params:string){ console.log(params); } } export class Moduleb{ constructor(public params:string){ console....
  • Export大数据量导出和打包

    千次阅读 2022-03-18 17:59:16
    Export大数据量导出和打包
  • web前端表格导出excel、pdf、png等格式的文件。使用插件为tableExport
  • db2 export导出文件

    2019-10-08 20:36:45
    本文主要写黑窗口导出 .del文件格式 (管理员身份打开) 1.连接数据库:db2 connect to datebase 2.选择用户:db2 set ... db2 "export to xxx.del of del select * from tablename" 这样表数据就导出来了,如果...
  • fastadmin 自定义导出 笔记 / export

    千次阅读 热门讨论 2019-10-23 16:46:41
    1:先上效果图 2:实现步骤 ①在对应的js(路径:/public/assets/js/backend/xxx.js)里添加...$(document).on("click", ".btn-export", function () { var ids = Table.api.selectedids(table); var page = t...
  • 简单的python项目,用于通过GitLab API中的Export Project功能导出gitlab项目。 主要用于将GitLab.com中的项目远程备份到私有存储服务器。 重大变化 05-2020 已修改代码以与Python3一起使用,而不再与Python2兼容...
  • 概念 PDF 导出 允许免费 Notion 用户批量导出 PDF 的工具。 您可以将子页面导出为 HTML,然后使用此工具将其转换为 PDF。 下载 从发布页面获取适用于 Windows 和 Mac 的最新下载: 用法 下载工具并解压。 在,将...
  • vue导出excel表格Blob,Export2Excel
  • 下面就梳理一下不同模块的导入导出方法之间的区别。 首先先看看模块导入导出有哪些方式: 模块导入方式有:require、import、import xxx from yyy、import {xx} from yyy 模块导出方式有:exports、module....
  • //不需要加花括号,只能一个一个导入 二、exportexport default export 与import是es6中新增模块功能最主要的两个命令: 1.exportexport default均可用于导出常量、变量、函数、文件、模块等; 2.在一个文件或...
  • docker本地镜像的导出export、save)

    千次阅读 2020-08-27 16:14:55
    export导出使用中的容器镜像 1,查看本机的容器 docker ps 我们目标是这个 2,导出镜像 (1)使用 docker export 命令根据容器 ID 将镜像导出成一个文件 docker export 039183c64acc > serialize.tar (2)...
  • import(导入)和export导出

    千次阅读 2019-03-01 10:38:22
    使用export和import实现模块化: ...现在ES6自带了模块化, 也是JS第一次支持module, 在很久以后 ,我们可以直接作用import和export在浏览器中导入和导出各个模块了, 一个js文件代表一个js模块;...
  • 本篇文章主要介绍了详解使用export/import导出和导入docker容器,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 解决tableExport导出到excel中文乱码,解决tableExport导出到excel中文乱码,解决tableExport导出到excel中文乱码,解决tableExport导出到excel中文乱码
  • Export2Excel.js、Blob.js实现将数据导出为表格的形式

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 239,302
精华内容 95,720
关键字:

导出export