注册
登录

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

微信小程序/公众号 / 发布于 2年前 / 更新于 / 本文字数: 1.31k 字

标签： 微信小程序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收入
查看更多

最新视频教程

查看更多

最新视频课程

热门文章

热门文档

Laravel 消息通知使用

ace.js 打造一款属于你的 Web 编辑器，入门文档。

Laravel 实现 RBAC 权限管理功能 Permission 包操作

微信小程序等比例图片压缩上传，100%可用，非官方压缩方法

宝塔面板强制绑定账号修改为不强制绑定方案

wap2App 入门讲解，100%速成，全面为你讲解。

Laravel 设置请求头 header 参数

Laravel 的 PhpSpreadsheet 包入门

Laravel 表格操作 Maatwebsite/Laravel-Excel 3.1 最新版本的操作指南

Linux 下如何监听我们的脚本是否掉线了

查看更多

KongQi Laravel Admin2.0 文档安装

KongQi Laravel admin2.0 layui admin 版本序言

易语言入门拖入文件导入到超级列表框表格内

易语言入门易语言定时任务模块

postman 使用手册cookie 使用

谷歌浏览器插件教程proxy 代理

易语言入门判断文件夹是否存在的方法

易语言入门TAB 标签页制作

Visual Studio Code 入门和使用教程插件安装使用

Visual Studio Code 入门和使用教程安装下载

查看更多

订阅会员

类型:
金额:
立即购买

购买学币

学币:
金额:
立即购买

选择支付类型

支付宝电脑支付
微信支付扫码
支付宝扫码支付
立即支付