欢迎光临,了解微信小程序开发,就上易用通!

小程序本作用域下怎么调用全局js,引用其他js文件,使用全局属性 ...

发布:2018-02-02 11:33浏览: 来源:网络 作者:cola

一:如何引用其他js文件(原文地址)

1.我们先建立一个common.js文件,在common.js编写我们的程序,

 

				
  1. function myfunc() {
  2. console.log("myfunc....");
  3. }
  4.  
  5. module.exports.myfunc = myfunc; 这样暴露接口,这里不暴露是不能引用的,

在文件域js内

 

				
  1. var common = require("../../common.js");去链接过来,光链接过来还不行!
  2.  
  3. var app;
  4. var common = require("../../common.js");
  5. Page({
  6. data:{
  7.  
  8. },
  9. onLoad:function() {
  10. app = getApp();
  11. this.setData({version:app.globalData.appName});
  12. common.myfunc(); //最后我们需要执行才能生效!
  13. }
  14. })
 

二:本作用域下怎么调用全局js

本地wxml文件

 

				
  1. <view>
  2. app版本:{{version}}
  3. </view>

本地js文件

 

				
  1. var app;
  2.  
  3. Page({
  4. data:{
  5.  
  6. },
  7. onLoad:function() {
  8. app = getApp();
  9. this.setData({version:app.globalData.appName});
  10.  
  11. }
  12. })

全局js文件

 

				
  1. //app.js
  2. App({
  3. globalData:{
  4. appName:"hcoder"
  5. },
  6. test:function () {
  7. console.log("ok");
  8. }
  9. })
 

三: 如何使用全局属性

作者:michael_ouyang,来自授权地址  微信小程序提供了app.js文件,用于放置一些全局的函数和全局的属性,方便开发者的调用  一般情况下,我都会把一些常用的函数和属性写在app.js文件内,这样不用重复写代码。

下面以全局属性为例  新建一个hello world项目  在app.js页面中有一个globalData,这是一个全局对象  在里面添加一个info:"你好"

小程序本作用域下怎么调用全局js,引用其他js文件,使用全局属性 ...(图1)

那么要怎样才能获取到这些全局的属性使用呢?  (1)在某页面中的js文件获取  通过getApp()获取全局的实例,就可以获取到全局对象内的资源。

小程序本作用域下怎么调用全局js,引用其他js文件,使用全局属性 ...(图2)

在index.wxml文件添加一个button

小程序本作用域下怎么调用全局js,引用其他js文件,使用全局属性 ...(图3)

getApp()获取全局的对象后,通过app对象,获取到app.js的全局属性  app.globalData.info

小程序本作用域下怎么调用全局js,引用其他js文件,使用全局属性 ...(图4)

F5刷新运行项目:  点击按钮,控制台输出 你好

小程序本作用域下怎么调用全局js,引用其他js文件,使用全局属性 ...(图5)

(2)在当前app.js文件获取  在当前文件中获取的话,只需要使用this代表当前对象来获取就可以了

小程序本作用域下怎么调用全局js,引用其他js文件,使用全局属性 ...(图6)

F5刷新运行项目:  当程序启动后,就会在控制台输出 你好 小程序

小程序本作用域下怎么调用全局js,引用其他js文件,使用全局属性 ...(图7)






免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。