微信小程序—JavaScript脚本

  • Post author:
  • Post category:java

小程序的主要开发语言是JavaScript。我们介绍以下小程序的独特开发,js到复习的时候详细介绍

一、模块化

1.对外暴露接口(moudule.exports)

在一个js文件中我们可以把整个文件当成一个模块,通过module.exports暴露接口(暴露的是我们在这个module.exports中写入的内容,如果没有写入,我们在调用接口的时候并不能获取相应的东西)例如下边代码:

const funtime=(date)=>{
  const year=date.getFullYear();
  return year;
}
module.exports={
funtime,
};

2.获取接口的内容(require函数)

通过require函数获取对应文件的接口;

const {funTime} = require('../page1/user');
 console.log(funTime);

3.脚本执行顺序:

<1>首先小程序的执行入口为app.js所以先在app.js中执行(小程序执行顺序根据其中require的模块顺序决定文件的执行顺序)

第一段代码为page2.js文件

//page2文件
console.log('page2');

第二段代码为user文件

//user文件
console.log('user');

最后一段代码为app.js文件

// app.js
const funTime = require('./pages/page1/user.js');
const fn=require('./pages/page1/page2');

根据require的顺序进行执行;即先执行user然后执行page2 

<2>然后渲染页面(通过app.json文件中的路径顺序进行执行相应的js文件)

4.作用域:在文件中声明的变量和函数只在该文件中有效,不同的文件可以命名定义相同名称的函数和变量,不会相互影响

定义全局变量:在app.js中globalData定义全局变量,获取global需要用getApp().globalData方法


版权声明:本文为m0_72694993原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。