第7章 WXS語法電子課件

第7章WXS語法WXS介紹WXS數(shù)據(jù)類型WXS語法基礎(chǔ)WXS基礎(chǔ)類庫01020403WXS介紹WXS介紹在微信小程序中，除了邏輯層使用的JavaScript腳本語言之外，微信小程序還有一套自己的腳本語言WXS（全稱WeiXinScript）。在實(shí)際項(xiàng)目開發(fā)中，WXS通常被用來做頁面數(shù)據(jù)的過濾或者是使用WXS進(jìn)行數(shù)據(jù)的計(jì)算處理，然后結(jié)合WXML組件，可以構(gòu)建小程序的頁面結(jié)構(gòu)。WXS語法基礎(chǔ)WXS語法基礎(chǔ)XS模塊可以通過WXML文件中的<wxs>標(biāo)簽進(jìn)行聲明，或者是在WXML文件內(nèi)引入.wxs后綴名的文件。每一個(gè).wxs后綴名的文件和<wxs>標(biāo)簽都是一個(gè)單獨(dú)的模塊，而且每個(gè)模塊都有自己獨(dú)立的作用域，開發(fā)者在模塊中聲明的變量和函數(shù)都是私有的，其他模塊對(duì)該模塊內(nèi)的變量和函數(shù)是不可見的。如果要想把一個(gè)模塊中的私有變量和私有函數(shù)對(duì)外暴露，需要使用module.exports語句實(shí)現(xiàn)。WXS語法基礎(chǔ)模塊化命名規(guī)范：模塊名稱只能由大小寫字母、數(shù)字、下劃線組成；模塊名的首字符必須為大小寫字母或下劃線，不能為數(shù)字。WXS語法基礎(chǔ)模塊化示例代碼：//index.wxml<wxsmodule="data">varstr="helloworld";module.exports={msg:str}</wxs><view>data模塊的值：{{data.msg}}</view>WXS語法基礎(chǔ)變量命名規(guī)范：變量名只能由大小寫英文字母、數(shù)字、下劃線組成；首字符必須是大小寫英文字母或下劃線，不能為數(shù)字；變量名不能使用WXS腳本保留的關(guān)鍵字。WXS語法基礎(chǔ)WXS聲明變量示例代碼：//index.wxml<wxsmodule="data">varstr="helloworld";module.exports={msg:str}</wxs><view>data模塊的值：{{data.msg}}</view>WXS語法基礎(chǔ)運(yùn)算符：基本運(yùn)算符一元運(yùn)算符位運(yùn)算符比較運(yùn)算符等值運(yùn)算符賦值運(yùn)算符二元邏輯運(yùn)算符WXS語法基礎(chǔ)語句：if判斷語句switch分支語句for循環(huán)語句while循環(huán)語句WXS語法基礎(chǔ)if語句的示例代碼：if(表達(dá)式){//代碼塊}elseif(表達(dá)式){//代碼塊}else{//代碼塊}WXS語法基礎(chǔ)switch語句的示例代碼：switch(表達(dá)式){case變量:語句;case數(shù)字:語句;break;case字符串:語句;default:語句;}WXS語法基礎(chǔ)for循環(huán)語句的示例代碼：for(vari=0;i<3;++i){console.log(i);if(i>=1)break;}WXS數(shù)據(jù)類型WXS數(shù)據(jù)類型基本數(shù)據(jù)類型：number數(shù)值類型string字符串類型boolean布爾類型WXS數(shù)據(jù)類型引用數(shù)據(jù)類型：object對(duì)象類型function函數(shù)array數(shù)組date日期regexp正則表達(dá)式WXS基礎(chǔ)類庫WXS基礎(chǔ)類庫WXS腳本語言的基礎(chǔ)類庫與JavaScript語言的ES5標(biāo)準(zhǔn)是基本是一樣的，區(qū)別在于WXS中