微信小程序引入js方法的require和import使用

微信小程序引入js形式之require

默认官方模块化JS引入推荐形式是

// common.js
function sayHello(name) {
  console.log(`Hello ${name} !`)
}
function sayGoodbye(name) {
  console.log(`Goodbye ${name} !`)
}

module.exports.sayHello = sayHello
exports.sayGoodbye = sayGoodbye

引入形式,路径全部使用相对路径

var common = require('common.js')
Page({
  helloMINA: function() {
    common.sayHello('MINA')
  },
  goodbyeMINA: function() {
    common.sayGoodbye('MINA')
  }
})

微信小程序引入js形式之import

import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法


export const config={
  domain:"https://xcx.haoxuekeji.cn/",
  domainApi:"https://xcx.haoxuekeji.cn/api/xcx/",
}

export const config2={
  domain:"https://xcx.haoxuekeji.cn2/",
  domainApi:"https://xcx.haoxuekeji.cn/api/xcx2/",
}

export function hello() {
 console.log('hello');
}

引入

import {config,config2,hello} from './static/js/const.js';
或
var const1=require('./static/js/const.js');

这个写法能支持2种形式引入,更加推荐大家

import和require的区别

node编程中最重要的思想就是模块化,import和require都是被模块化所使用。

  • require 是 AMD规范引入方式
    import是es6的一个语法标准,如果要兼容浏览器的话必须转化成es5的语法

  • require是运行时调用,所以require理论上可以运用在代码的任何地方
    import是编译时调用,所以必须放在文件开头

本质

  • require是赋值过程,其实require的结果就是对象、数字、字符串、函数等,再把require的结果赋值给某个变量
  • import是解构过程,但是目前所有的引擎都还没有实现import,我们在node中使用babel支持ES6,也仅仅是将ES6转码为ES5再执行,import语法会被转码为require

评论区 (0)

没有记录
支持 markdown,图片截图粘贴拖拽都可以自动上传。
黑白课堂

黑白课堂 · 技术专家

专业PHP开发

年度VIP 站长创业者玉树凌风每天醒来0收入
查看更多

最新视频课程

钻级赞助商