微信小程序,微信小程序wxs和js区别

一 概述

WXS(WeiXin Script)：是小程序的一套脚本语言，结合WXML，可以构建出页面的结构
WXS与JavaScript是不同的语言，有自己的语法，并不和JavaScript一致

变量运算符数据类型语句基础类库模块 二 变量 2.1 概念 声明变量用var变量只声明，不赋值，会被定义为undefine没有声明直接赋值使用，会被定义为全局变量 2.2 变量的命名规则 首字符必须是：字母（a-zA-Z），下划线（_）剩余字符可以是：字母（a-zA-Z），下划线（_）， 数字（0-9） 2.3 示例 var foo = 1;var bar = "hello world";var i; // i === undefined 三 运算符 3.1 运算符列表 编号运算符分类运算符号示例1基本运算符加法(+)/减法(-)/乘法(*)/除法(/)/取余(%)var a=1+2;2一元运算符自增(++)/自减(--)/正值(+)/负值(-)/否(~)/取反(!)等a++3位运算符左移(<<)/右移(>>)/无符号右移(>>>)/与运算(&)/异或运算(^)/或运算(|)a << 34比较运算符小于(<)/大于(>)/小于等于(<=)/大于等于(>=)a < b5等值运算符等号(==)/非等号(!=)/全等于(===)/非全等号(!==)a == b6赋值运算符加等(+=)/减等(-=)/乘等(*=)/除等(/=)/左移等(<<=)等a <<= 107二元逻辑运算符逻辑与(&&)/逻辑或(||)a && b8其他运算符条件运算符/逗号运算符20 === (a >= 10 ? a + 10 : b + 10)3.2 运算符优先级

运算符的优先级别从0到20

四 [数据类型][] 编号数据类型示例1number ： 数值(整数和小数)var a = 10;2string ：字符串(单引号和双引号)‘hello world’;3boolean：布尔值var a=true;4object：对象(键值对){k:“1”,v:“2”}5function：函数function a (x) { return x; }6array : 数组var a = [];7date：日期var date = getDate();8regexp：正则var a = getRegExp(“x”, “img”)五 语句 编号语句1if语句2switch语句3for语句4while语句六 基础类库 编号基础类库类库说明1console输出信息2Math数学工具3JsonJson字符串转换工具4Number数字5Date日期6Global自带的属性(NAN)或方法(parseInt)等七 模块 7.1 WXS模块创建的两种方式

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

wxs标签 <view> {{tools.msg}} </view><view> {{tools.bar(tools.FOO)}} </view><wxs module="tools"> var foo = "'hello world' from tools.wxs"; var bar = function (d) { return d; } module.exports = { FOO: foo, bar: bar, }; module.exports.msg = "some msg";</wxs> .wxs文件 tools.wxs var foo = "'hello world' from tools.wxs";var bar = function (d) { return d;}module.exports = { FOO: foo, bar: bar,};module.exports.msg = "some msg"; 调用wxs的布局文件 <wxs src="./../tools.wxs" module="tools" /><view> {{tools.msg}} </view><view> {{tools.bar(tools.FOO)}} </view> 页面效果图

7.2 WXS中的module对象和exports属性 module对象 在wxml内的wxs标签中使用时<wxs module="tools">wxml通过src引用外部wxs文件时<wxs src="./../tools.wxs" module="tools" /> exports属性 exports: 通过该属性，可以对外共享本模块的私有变量与函数 7.3 require函数 说明 在.wxs模块中引用其他 wxs 文件模块，可以使用 require 函数 示例 被引用wxs文件(tool.wxs) // /pages/tools.wxsvar foo = "'hello world' from tools.wxs";var bar = function (d) { return d;}module.exports = { FOO: foo, bar: bar,};module.exports.msg = "some msg"; 引用wxs文件的wxs文件(logic.wxs) // /pages/logic.wxsvar tools = require("./tools.wxs");console.log(tools.FOO);console.log(tools.bar("logic.wxs"));console.log(tools.msg); 7.4 <wxs>标签 属性名类型说明srcString引用.wxs文件的相对路径moduleString当前<wxs>标签的模块名。必填字段八 参考 小程序官方文档-WXS 语法参考