小程序的公共函数和公共变量

您所在的位置:网站首页 js的变量 小程序的公共函数和公共变量

小程序的公共函数和公共变量

2023-03-19 04:44| 来源: 网络整理| 查看: 265

前序

小程序开发工具版本为wechat_devtools_1.06.2301160_win32_x64。

程序开发经常需要将一些通用常用的方法和变量写到一个模块中,供其它模块调用。减少了代码的重复,简明高效。在小程序中也一样。

定义公共模块

在miniprogram下的pages目录,新建名为indexPublic的文件夹;在indexPublic文件夹下新建index.js文档。如下图:

打开indexPublic下的index.js文档,写入

//力先示例代码 const const1='const1值'; var VaryModule={ Vary1:0, Vary2:2 } var FunctionModule = { Function1(param) { return param+1 }, Function2() { VaryModule.Vary1=VaryModule.Vary1+5 } } export const constRef=const1; export const Varys=VaryModule; export const Functions = FunctionModule;

const const1:定义了名为const1的常量,这个const1在以后的运行中不能重新赋值。

var VaryModule:定义了模块名称为VaryModule,用来存放变量(Vary中文意思为变量),相当于其他语言中的类。

Vary1:0:在VaryModule模块下定义变量Vary1,初始化值为0。

var FunctionModule:定义名为FunctionModule的模块,用于存放函数。

Function1(param):定义了函数Function1,用param接受1个传入参数。

return param+1:将传入值param加1,再返回给调用方。

Function2():定了了函数Function2,将VaryModule变量模块的变量Vary1的值加上5,再返回给调用方。

export const constRef=const1:导出设置,调用方导入后,以constRef名称代替源名称 const1使用。

export const Varys=VaryModule:导出设置,调用方导入后,以Varys名称代替源名称 VaryModule使用,然后再访问模块中的变量。

export const Functions = FunctionModule:导出设置,调用方导入后,以Functions 名称代替源名称 FunctionModule使用,然后再访问模块中的方法。

导入js文档代码

js文档,需要引用indexPublic下的index.js的功能的,在头部位置添加比如以下代码:

import { constRef, Varys,Functions} from '../indexPublic/index.js';

import :导入的意思。

constRef, Varys,Functions:列出需要导入的模块,必须和前面的export语块的定义相对应。

from :从哪个文件导入,指定相对路径。“..”当人们文档的上一层。

以下调试代码:

console.log(constRef); const data1=Functions.Function1(1); console.log(data1); console.log(Varys.Vary1); Functions.Function2(); console.log(Varys.Vary1);

调试结果如下图:

结语

以上解析了小程序的公共函数和公共变量的定义和调用方法。可见公共函数和公共变量都是定义在模块中,以“var FunctionModule ={}”的格式定义模块。

当然,模块里面可以同时定义变量和函数,不能定义常量。

导出定义需要将原模块名以另外的常量名代替。其它js文档导入时也必须按照约定导入。

以代用的模块名访问引用文档的变量或函数等。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3