轻源码

  • QingYuanMa.com
  • 全球最大的互联网技术和资源下载平台
搜索
一起源码网 门户 微信小程序 查看主题

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

发布者: 天堂守护者 | 发布时间: 2018-1-16 12:56| 查看数: 1403| 评论数: 1|帖子模式

一:如何引用其他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. <view>
  2. app版本:{{version}}
  3. </view>

本地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刷新运行项目: 
当程序启动后,就会在控制台输出 你好 小程序

最新评论

♡栀子花落♡ 发表于 2022-5-11 18:56
制作一个简单网站的代码

轻源码让程序更轻更快

QingYuanMa.com

工作时间 周一至周六 8:00-17:30

侵权处理

客服QQ点击咨询

关注抖音号

定期抽VIP

Copyright © 2016-2021 https://www.171739.xyz/ 滇ICP备13200218号

快速回复 返回顶部 返回列表