用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

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

纸飞机 2018-3-8 09:39

一:如何引用其他js文件(原文地址)1.我们先建立一个common.js文件,在common.js编写我们的程序,function myfunc() {console.log("myfunc....");}module.exports.myfunc = myfunc; 这样暴露接口,这里不暴露是不能 ...

一:如何引用其他js文件(

原文地址

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

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

在文件域js内

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

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

本地wxml文件

  1. app版本:{{version}}

本地js文件

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

全局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:"你好"

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

在index.wxml文件添加一个button

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

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

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

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

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏