【微信小程序】-- WXS 脚本（二十九）
创始人
2024-05-30 18:42:23
0次

请添加图片描述

  • 💌 所属专栏：【微信小程序开发教程】

  • 😀 作  者：我是夜阑的狗🐶

  • 🚀 个人简介：一个正在努力学技术的CV工程师，专注基础和实战分享 ，欢迎咨询！

  • 💖 欢迎大家：这里是CSDN，我总结知识的地方，喜欢的话请三连，有问题请私信 😘 😘 😘

文章目录

  • 前言
  • 一、WXS 脚本
      • 1、什么是 wxs
      • 2、wxs 的应用场景
      • 3、. wxs 和 JavaScript 的关系
  • 二、WXS 脚本 - 基础语法
      • 1、内嵌 wxs 脚本
      • 2、定义外联的 wxs 脚本
      • 3、使用外联的 wxs 脚本
  • 三、WXS 的特点
      • 1、与 JavaScript 不同
      • 2、不能作为组件的事件回调
      • 3、隔离性
      • 4、性能好
  • 总结

前言

  大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第29篇文章;
  今天开始学习微信小程序的第15天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。
  专栏地址：【微信小程序开发教程】， 此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。
  如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。

一、WXS 脚本

  前面已经大致了解小程序中生命周期，分别是应用生命周期和页面生命周期，在实际开发过程中，一般初始化数据的操作都会放在 onLoad 或者 onLaunch 里。所以了解生命周期的执行顺序与作用对后续的开发很有帮助。接下来就来学习一下小程序中的 WXS 脚本。话不多说，让我们原文再续，书接上回吧。

请添加图片描述

1、什么是 wxs

  WXS（WeiXin Script）是小程序独有的一套脚本语言，结合 WXML，可以构建出页面的结构。

2、wxs 的应用场景

  wxml 中无法调用在页面的 .js 中定义的函数，但是，wxml 中可以调用 wxs 中定义的函数。因此，小程序中
wxs 的典型应用场景就是“过滤器”，这一点跟 Vue 有点类似。

3、. wxs 和 JavaScript 的关系

  虽然 wxs 的语法类似于 JavaScript，但是 wxs 和 JavaScript 是完全不同的两种语言：

wxs作用
有自己的数据类型number 数值类型、string 字符串类型、boolean 布尔类型、object 对象类型
function 函数类型、array 数组类型、 date 日期类型、 regexp 正则
不支持类似于 ES6 及以上的语法形式不支持：let、const、解构赋值、展开运算符、箭头函数、对象属性简写、etc…
支持：var 定义变量、普通 function 函数等类似于 ES5 的语法
遵循 CommonJS 规范module 对象、require() 函数、module.exports 对象

二、WXS 脚本 - 基础语法

1、内嵌 wxs 脚本

  wxs 代码可以编写在 wxml 文件中的 标签内，就像 Javascript 代码可以编写在 html 文件中的