中天银都建设集团网站,网站推广优化c重庆,自己做彩票网站简单吗,宝安三网合一网站建设1、简介WXS#xff08;WeiXin Script#xff09;是小程序的一套脚本语言#xff0c;结合 WXML #xff0c;可以构建出页面的结构。 注意事项WXS 不依赖于运行时的基础库版本#xff0c;可以在所有版本的小程序中运行。WXS 与 JavaScript 是不同的语言#xff0c;有自己的…1、简介WXSWeiXin Script是小程序的一套脚本语言结合 WXML 可以构建出页面的结构。 注意事项WXS 不依赖于运行时的基础库版本可以在所有版本的小程序中运行。WXS 与 JavaScript 是不同的语言有自己的语法并不和 JavaScript 一致。WXS 的运行环境和其他 JavaScript 代码是隔离的WXS 中不能调用其他 JavaScript 文件中定义的函数也不能调用小程序提供的API。WXS 函数不能作为组件的事件回调。由于运行环境的差异在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。2、模块WXS 代码可以编写在 wxml 文件中的 wxs 标签内或以 .wxs 为后缀名的文件内。每一个 .wxs 文件和 wxs 标签都是一个单独的模块。每个模块都有自己独立的作用域。即在一个模块里面定义的变量与函数默认为私有的对其他模块不可见。一个模块要想对外暴露其内部的私有变量与函数只能通过 module.exports 实现module 对象每个 wxs 模块均有一个内置的 module 对象。属性exports: 通过该属性可以对外共享本模块的私有变量与函数。2、示例操作在cctv.wxml文件中添加以下代码保存运行可以看到效果在pages目录下创建module目录添加test.wxs文件写入以下内容继续在cctv.wxml文件中引用入test.wxs模块文件运行后的效果require函数在.wxs模块中引用其他 wxs 文件模块可以使用 require 函数。引用的时候要注意如下几点只能引用 .wxs 文件模块且必须使用相对路径。wxs 模块均为单例wxs 模块在第一次被引用时会自动初始化为单例对象。多个页面多个地方多次引用使用的都是同一个 wxs 模块对象如果一个 wxs 模块在定义之后一直没有被引用则该模块不会被解析与运行。示例如下保持上面test.wxs文件内容不变在module中添加文件demo.wxs写入以下内容cctv.wxml文件中添加以下代码执行效果如下3、小结如下模块可以写在wxml文件中直接使用模块写在单独wxs文件中然后在wxml文件中引入并使用模块写在单独wxs文件中使用require函数引用别的wxs文件最后在wxml文件中使用3、变量概念WXS 中的变量均为值的引用。没有声明的变量直接赋值使用会被定义为全局变量。如果只声明变量而不赋值则默认值为 undefined。var表现与 javascript 一致会有变量提升。var foo 1;var bar hello world;var i; // i undefined上面代码分别声明了 foo、 bar、 i 三个变量。然后foo 赋值为数值 1 bar 赋值为字符串 hello world。变量名变量命名必须符合下面两个规则首字符必须是字母a-zA-Z下划线_剩余字符可以是字母a-zA-Z下划线_ 数字0-9保留标识符以下标识符不能作为变量名deletevoidtypeofnullundefinedNaNInfinityvarifelsetruefalserequirethisfunctionargumentsreturnforwhiledobreakcontinueswitchcasedefault示例代码cctv.wxml文件中加入代码wxs src/pages/module/day.wxs modulemyday/wxs然后在day.wxs中写入以下代码4、注释示例代码 !-- wxml --wxs modulesample// 方法一单行注释 /*方法二多行注释*/ /*方法三结尾注释。即从 /* 开始往后的所有 WXS 代码均被注释 var a 1;var b 2;var c fake; /wxs5 、运算符基本运算符示例代码var a 10, b 20; // 加法运算console.log(30 a b);// 减法运算console.log(-10 a - b);// 乘法运算console.log(200 a * b);// 除法运算console.log(0.5 a / b);// 取余运算console.log(10 a % b);加法运算也可以用作字符串的拼接。var a .w , b xs; // 字符串拼接console.log(.wxs a b);一元运算符示例代码var a 10, b 20; // 自增运算console.log(10 a);console.log(12 a);// 自减运算console.log(12 a--);console.log(10 --a);// 正值运算console.log(10 a);// 负值运算console.log(0-10 -a);// 否运算console.log(-11 ~a);// 取反运算console.log(false !a);// delete 运算console.log(true delete a.fake);// void 运算console.log(undefined void a);// typeof 运算console.log(number typeofa);位运算符示例代码var a 10, b 20;// 左移运算console.log(80 (a 3));// 带符号右移运算console.log(2 (a 2));// 无符号右移运算console.log(2 (a 2));// 与运算console.log(2 (a 3));// 异或运算console.log(9 (a ^ 3));// 或运算console.log(11 (a | 3));比较运算符示例代码var a 10, b 20;// 小于console.log(true (a b));// 大于console.log(false (a b));// 小于等于console.log(true (a b));// 大于等于console.log(false (a b));等值运算符示例代码var a 10, b 20;// 等号console.log(false (a b));// 非等号console.log(true (a ! b));// 全等号console.log(false (a b));// 非全等号console.log(true (a ! b));赋值运算符示例代码var a 10;a 10; a * 10;console.log(100 a);a 10; a / 5;console.log(2 a);a 10; a % 7;console.log(3 a);a 10; a 5;console.log(15 a);a 10; a - 11;console.log(-1 a);a 10; a 10;console.log(10240 a);a 10; a 2;console.log(2 a);a 10; a 2;console.log(2 a);a 10; a 3;console.log(2 a);a 10; a ^ 3;console.log(9 a);a 10; a | 3;console.log(11 a);二元逻辑运算符示例代码var a 10, b 20;// 逻辑与console.log(20 (a b));// 逻辑或console.log(10 (a || b));其他运算符示例代码var a 10, b 20;//条件运算符console.log(20 (a 10 ? a 10 : b 10));//逗号运算符console.log(20 (a, b));示例代码结果如下6、语句if 语句在 WXS 中可以使用以下格式的 if 语句 if (expression) statement 当 expression 为 truthy 时执行 statement。 if (expression) statement1 else statement2: 当 expression 为 truthy 时执行 statement1。否则执行 statement2 if ... else if ... else statementN 通过该句型可以在 statement1 ~ statementN 之间选其中一个执行。switch 语句示例语法 switch (表达式) { case 变量: 语句; case 数字: 语句; break; case 字符串: 语句; default: 语句;}default 分支可以省略不写。case 关键词后面只能使用变量数字字符串。for 语句示例语法 for (语句; 语句; 语句) 语句; for (语句; 语句; 语句) { 代码块;}支持使用 breakcontinue 关键词。示例代码 for (var i 0; i 3; i) { console.log(i); if(i 1) break;}输出 01while 语句示例语法 while (表达式) 语句; while (表达式){ 代码块;} do { 代码块;} while (表达式)当表达式为 true 时循环执行语句或代码块。支持使用 breakcontinue 关键词。7、数据类型具体使用请参考 ES5 标准8、基础类库有钱说什么都是硬道理没钱说什么都是吹牛逼。
