WXS

WeiXin Script 结合 WXML 构建页面结构

Posted by kunnan on May 17, 2018

前言

  • wxs 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
  • wxs 的运行环境和其他 javascript 代码是隔离的,wxs 中不能调用其他 javascript 文件中定义的函数,也不能调用小程序提供的API。
  • wxs 函数不能作为组件的事件回调。
  • 在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍

WeiXin Script

页面渲染

数据处理

WXS 模块

WXS 代码可以编写在 wxml 文件中的 标签内,或以 .wxs 为后缀名的文件内。

模块

  • 每一个 .wxs 文件和 <wxs> 标签都是一个单独的模块。

  • 一个模块要想对外暴露其内部的私有变量与函数,只能通过 module.exports 实现。

    module.exports.getMax = getMax;
    

module 对象

  • 每个 wxs 模块均有一个内置的 module 对象。
    exports: 通过该属性,可以对外共享本模块的私有变量与函数。
    module.exports.getMax = getMax;
    

require函数

在.wxs模块中引用其他 wxs 文件模块,可以使用 require 函数。

  • wxs 模块均为单例,wxs 模块在第一次被引用时,会自动初始化为单例对象。
    var tools = require("./tools.wxs");
    const util = require('../../utils/util.js')
    

变量

数据类型

  • number : 数值
  • string :字符串
  • boolean:布尔值
  • object:对象
  • function:函数
  • array : 数组
  • date:日期
  • regexp:正则

string :字符串

  • 去掉字符串变量Gamecontinue的第一个字符
    createHash(reqstr.Gamecontinue.substring(1))
    

object

object 是一种无序的键值对。

function

arguments

function 里面可以使用 arguments 关键词。该关键词目前只支持以下的属性:

  • length: 传递给函数的参数个数。

array

var a = [];      //生成一个新的空数组
a = [1,"2",{},function(){}];  //生成一个新的非空数组,数组元素可以是任何类型

date

regexp

数据类型判断

  • constructor 属性 :数据类型的判断可以使用 constructor 属性。

  • typeof: 使用 typeof 也可以区分部分数据类型。

基础类库

console

console.log 方法用于在 console 窗口输出信息。它可以接受多个参数,将它们的结果连接起来输出。

JSON

  • ` stringify(object):` 将 object 对象转换为 JSON 字符串,并返回该字符串。

  • parse(string): 将 JSON 字符串转化成对象,并返回该对象。

See Also

/Users/devzkn/bin/knpost WXS WeiXin Script 结合 WXML 构建页面结构 -t miniprogram
#原来""的参数,需要自己加上""

转载请注明: > WXS