抖音小程序——文件作用域

page文件夹下面的每个文件其实就是一个页面文件,不同的文件中可以声明相同名字的变量和函数,不会互相影响。

1.模块化

如果需要公共使用的方法,可以放到一个公共的文件。作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。

和page目录同级新建一个j s文件夹,里面放一个common.js文件。

common.js文件内容:


function hello(name) { console.log(`hello ${name} !`); } function goodbye(name) { console.log(`Goodbye ${name} !`); } module.exports.hello=hello; exports.goodbye = goodbye;

使用的时候再在页面中引入:

const app = getApp()
var common = require("../../js/common");
// path 需要是一个相对路径

Page({
  data: {
    name:"muimui"
  },
  onLoad: function () {
    common.hello("muimui");
  },

})

2.方法二

除了用上面的方法定义模块化j s代码,还可以用vu e中常用的定义。

例如:common.js文件。


export const hello = function(name) { console.log(`hello ${name} !`); } export const goodbye = function (name) { console.log(`Goodbye ${name} !`); } // module.exports.hello=hello; // exports.goodbye = goodbye;

引用:

const app = getApp()
// var {hello} = require("../../js/common");
import  {hello}  from '../../js/common';

// path 需要是一个相对路径

Page({
  data: {
    name:"muimui"
  },
  onLoad: function () {
    hello("muimui");
  },

})

以上两个方法都可以,只是第二种方法更加尝试用,降低出错率。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注