微信小程序开发简介:2.4.2 WXS

小程序开发


浏览:1188 次

2.4.2重量

WXS(WeiXin Script)是一组用于小程序的脚本语言。使用WXML,您可以构建页面的结构。

小心

wxs不依赖于运行时的基本库版本,可以在applet的所有版本中运行。

wxs和javascript是不同的语言,有自己的语法,并且与javascript不一致。

wxs的运行环境与其他javascript代码隔离。无论是在其他javascript文件中定义的函数还是小程序提供的API,都不能在wxs中调用。

wxs函数不能用作组件的事件回调。

由于运行环境不同,iOS设备上的小程序中的wxs比javascript代码快2~20倍。两者在Android设备上的运行效率没有差异。

2.4.2.1 WXS模块

WXS代码可以写在<WXS>标签中,也可以写在带有的文件中。wxs作为后缀。

2.4.2.1.1模块

每个wxs文件和<wxs>标记是一个单独的模块。

每个模块都有自己独立的范围。也就是说,模块中定义的变量和函数在默认情况下是私有的,其他模块不可见。

模块只能通过module.exports公开其内部私有变量和函数。

2.4.2.1.2.wxs文件

右键单击微信开发者工具直接创建.wxs文件,您可以在其中直接编写wxs脚本。

示例代码:

///pages/comm.wxs

var foo=“来自comm.wxs的‘hello world’”;

var bar=函数(d){

返回d;

}

单元导出={

foo:foo,

栏:栏

};

上面的示例在文件/pages/comm.WXS中编写了WXS代码。这个wxs文件可以被其他人使用。wxs文件或<在WXML中;wxs>标签引用。

2.4.2.1.3模块对象

每个wxs模块都有一个内置的模块对象。

1.属性

导出:通过此属性,可以在外部共享此模块的私有变量和函数。

2.4.2.1.4要求功能

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

引用时,请注意以下几点:

1.仅限。可以引用wxs文件模块,并且必须使用相对路径。

2.wxs模块是一个单例。第一次引用wxs模块时,它将自动初始化为单个对象。多个页面、多个位置和多个引用都使用相同的wxs模块对象。

3.如果wxs模块自定义以来未被引用,则不会对其进行分析和运行。

Src对应于wxml对wxs模块的引用;Require满足其他wxs文件对wxs模块的引用。

2.4.2.1.5<wxs>标签

标签属性

1.模块属性

模块属性是当前<wxs>标记的模块名称。建议该值在单个wxml文件中是唯一的。如果存在重复的模块名称,则会依次覆盖它们(后者覆盖前者)。不同文件之间的Wxs模块名称不会相互覆盖。

模块属性值的命名必须符合以下两条规则:

第一个字符必须是:字母(a-zA-Z)、下划线(_)

其余字符可以是:字母(a-zA-Z)、下划线(_)、数字(0-9)

2.Src属性

src属性可用于引用其他wxs文件模块。

引用时,请注意以下几点:

只有可以引用wxs文件模块,并且必须使用相对路径。

wxs模块是单个模块。第一次引用wxs模块时,它将自动初始化为单个对象。多个页面、多个位置和多个引用都使用相同的wxs模块对象。

如果wxs模块自定义以来未被引用,则不会对其进行分析和运行。

3.注意

模块只能在定义它们的WXML文件中访问。使用<include>或<import><wxs>模块将不会导入到相应的WXML文件中。作为参考,<wxs>模块的代码放在一个单独的文件中。wxs文件模块,然后使用src引用。

<template>在标记中,只有在的WXML文件中定义的<tempate><;wxs>模块化。

2.4.2.2变量

2.4.2.2.1概念

1.WXS中的变量都是值引用。

2.未声明的变量被直接赋值和使用,并将被定义为全局变量。

3.如果只声明变量而不赋值,则默认值未定义。

4.var的性能与javascript一致,会有变量提升。

2.4.2.2.2变量名称

变量命名必须符合以下两条规则:

第一个字符必须是:字母(a-zA-Z)、下划线(_)

其余字符可以是:字母(a-zA-Z)、下划线(_)、数字(0-9)

2.4.2.3注意事项

WXS主要有三种注释方法。

示例代码:

//方法1:单行注释

/*

方法2:多行注释

*/

/*

方法3:结束注释。也就是说,从/*开始的所有WXS代码都是ann