zoukankan      html  css  js  c++  java
  • es5和es6对象导出与导入

    es6

    • import ... form...替代 require()

      //不接收对象	
      require:require('s.css'); //(es5)
      improt	's.css' //(es6)
      
      //接收对象
      var o = require('s.js'); //es(5)
      import o form s.js    //(es6)
      
    • 对象的写法

      导出一个模块对象(es5):
      module.exports={
      	add:add,
      	sub:sub
      }
      导出一个模块对象(es6):
      module.exports={
      	add,
      	sub
      }
      注意:这种写法属性名和属性值变量是同一个,否则要分开写
      module.exprots={
      	addFn:add,
      	sub
      }	
      
    • 一个对象中方法的写法

      //es5
      module.exports={
      	addFun:function(x,y){
      		return x+y;
      	}
      }
      //es6
      module.exports={
      	addFun(x,y){
      		return x+y;
      	}
      }
      
    • 导出对象的写法

      calc.js中有两个函数:
      function add(){}
      function sub(){}
      //写法一
      es5写法:
      module.exports.add = add;
      module.exports.sub = sub;
      使用:
      var calc = require('./calc.js');
      es6写法:
      exprot function add(){}
      exprot function sub(){}
      
      //写法二
      es5:
      module.exports = {add:add,sub:sub};
      es6:
      exprot default{
      	add,sub
      }
       //表示取得calc.js中所有暴露出来的对象(es6)
      import calc from './calc.js'
      
      //只获取到calc.js中的add方法(按需获取)
      import {add} from './calc.js'
      

    用export 和import 的写法注意点

        1、如果模块中是使用 export default {} 方式导出的对象
            只能通过  import 对象名称 from '模块路径'
            不能通过  import {对象名称} from '模块路径'
    
        2、如果就想要import {对象名称} from '模块路径'通过这种方式来按需导入对象中的某个属性
            那么应该使用 export 跟着要导出的对象或者方法名称
            export function add(){}
            export function substrct(){}
    
            那么就可以使用:
            import {add,substrct} from '模块路径'
            只需要直接使用 add()方法即可
            注意这里不能直接使用:  import cacl from '模块路径' 这种方式导入,会报错
  • 相关阅读:
    NGINX不允许向静态文件提交POST方式的请求,否则报405错误(apache中没有出现)
    nginx反向代理做cache配置
    Apache与Nginx的优缺点比较
    Nginx配置文件详细说明
    Nginx 配置指令的执行顺序
    不可忽略的apache 的 Keep Alive
    HTTP Keep-Alive详解
    跳转 nginx 跳转 apache跳转
    apache重定向无效
    WebUploader 超大文件上传解决方案:分片断点上传(一)
  • 原文地址:https://www.cnblogs.com/hqyyy/p/6599078.html
Copyright © 2011-2022 走看看