小程序的公共函数和公共变量 |
您所在的位置:网站首页 › js的变量 › 小程序的公共函数和公共变量 |
前序 小程序开发工具版本为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 |