美文网首页
ES6 Module3

ES6 Module3

作者: madisn | 来源:发表于2017-07-05 16:31 被阅读4次
    import命令

    使用<code>export</code>命令定义了模块的对外接口后,其他JS文件就可以通过<code>import</code>命令加载这个模块了

    import {firstName, lastName, year} from './profile';=
    function setName(element) {
      element.textContent = firstName + ' ' + lastName;
    }
    

    <code>import</code>命令接受一对大括号,里面指定要从其他模块导入的变量名(函数名,类名).大括号里面的变量名必须与被导入模块对外接口的名称相同.
    同样,若想为导入的变量重新起一个名字,也可以使用<code>as</code>关键字重命名
    <code>import { lastName as surname } from './profile';//as前的是原来的名字,as后的是重命名的名字</code>
    <code>import</code>后面的<code>from</code>指定模块文件的位置,相对路径和绝对路径皆可,<code>.js</code>后缀可以省略
    <code>import</code>命令具有提升效果,会提升到整个模块的顶部优先执行,由于是静态执行,所以不能使用表达式和变量,也就是说老老实实按照结构来,多次重复执行同一句命令语句只会执行一次.

    相关文章

      网友评论

          本文标题:ES6 Module3

          本文链接:https://www.haomeiwen.com/subject/xluqhxtx.html