微信小程序開發:學習筆記[5]——JavaScript腳本


微信小程序開發:學習筆記[5]——JavaScript腳本

快速開始

介紹

  小程序的主要開發語言是 JavaScript ,開發者使用 JavaScript 來開發業務邏輯以及調用小程序的 API 來完成業務需求

  在大部分開發者看來,ECMAScript和JavaScript表達的是同一種含義,但是嚴格的說,兩者的意義是不同的。ECMAScript是一種由Ecma國際通過ECMA-262標准化的腳本程序設計語言, JavaScript 是 ECMAScript 的一種實現。理解 JavaScript 是 ECMAScript 一種實現后,可以幫助開發者理解小程序的中 JavaScript同瀏覽器中的 JavaScript 以及 NodeJS 中的 JavaScript 是不相同的

  

  小程序中的 JavaScript 是由ECMAScript 以及小程序框架和小程序 API 來實現的。同瀏覽器中的JavaScript 相比沒有 BOM 以及 DOM 對象,所以類似 JQuery、Zepto這種瀏覽器類庫是無法在小程序中運行起來的,同樣的缺少 Native 模塊和NPM包管理的機制,小程序中無法加載原生庫,也無法直接使用大部分的 NPM 包

 模塊化

  瀏覽器中,所有 JavaScript 是在運行在同一個作用域下的,定義的參數或者方法可以被后續加載的腳本訪問或者改寫。同瀏覽器不同,小程序中可以將任何一個JavaScript 文件作為一個模塊,通過module.exports 或者 exports 對外暴露接口。這句話的意思是說,我的理解是每一個JS文件對應一個模塊,這樣子的話,每個模塊之間的參數或方法互相獨立,但也支持特定方式的的調用

比如,我們現在要在index.js中訪問nav_top.js中的文件!

  

但是現在我們還是無法直接訪問nav_top中的方法,因為nav_top並沒有對外暴露任何接口,所以我們還需要在nav_top中使用experts命令把我們想暴露的接口說明一下:

  

腳本的執行順序

  小程序中的腳本執行順序與HTML有所不同。小程序的執行的入口文件是 app.js 。並且會根據其中 require 的模塊順序決定文件的運行順序,代碼2-30是一個 app.js 示例。

  

  當 app.js 執行結束后,小程序會按照開發者在 app.json 中定義的 pages 的順序,逐一執行。

全局變量

  我們說過,每個JS文件都是獨立的模塊,所以不可能直接在一個模塊中調用另一個模塊的變量,那么我們可以使用全局變量來達到這一點:

  

  為了保證全局的數據可以在任何文件中安全的被使用到,我們可以再App()中進行注冊

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM