Javascript腳本語言

本教程不對Javascript詳細講解，與WebGL相關的會進行簡單總結。Javascript語言可以開發前端，可以開發網站后端，也可以和Python、C語言一樣開發客戶端程序。

WebGL應用開發相比前端在Javascript、HTML、CSS方面沒有太大區別，可以看做特定領域的前端，當然并不屬于傳統意義上的前端。

解析程序“WebGL繪制一個點”語句

1.??Javascript的語句都是寫在script開始、結束標簽之間，當代碼多的時候，會把Javascript語言單獨封裝成一個.js文件

然后在關聯到html總文件，后面教程會用到。

2.??第14行代碼表示的就是getElementById方法返回的對象賦值給var聲明的canvas變量，其它出現var的地方同理。

變量聲明符號在ES6版本中又增加了let、const，

var能定義的，let也能夠定義，詳細語法可以關注其它Javascript教程。

3. ??字符串的定義可以再用如下形式var str = "字符串"，也可以使用單引號。著色器語言是以字符串的形式出現在js代碼中，第19、28行的著色器代碼，呈現出的形式和普通代碼一樣，

每一個著色器語句都有單引號包裹，并用+號連接。事實上整個著色器語言代碼可以寫在一行，但是為了更好的呈現出，采用每一個語句采用換行處理，因為行與行之間有空格符號，為了避免

編碼錯誤，所以用+號連接。Javascript語法中只有字符串，沒有C語言中的字符型數據，Javascript中的字符串也可以理解為對象，也就是說字符串有很多的操作方法和屬性，+號可以把

兩個字符串，連接為一個字符串。

4.??關鍵字function，聲明的是一個函數，程序第40行聲明的是一個名為initShader的初始化著色器函數，第35行進行了調用，并把返回值賦值給program。

版本

Javascript有不同的版本，一般每年會發布一個一個版本，添加更改一些細節，當然2009年后，間隔6年才有新的版本ECMAScript2015，也可以簡稱ES6,更新較大，2016年發布了

ECMAScript2016版標準，也可簡稱ES7.建議大家去學習ES6或ES7。

著色器函數封裝為一個單獨.js文件夾

文件下載

Webstorm新建一個js文件program.js，把初始化著色器函數initShader,賦值粘貼到里面就可以

在html文件夾head開始、結束標簽之間添加代碼

src的屬性值是program.js文件地址，如果兩個文件在同一個文件下，可以直接使用文件名字，部署在網站網一般稱為URL地址，當有客戶訪問時，網頁會把.html和.js文件都加載下來，然后運行解析

也可以把加載program.js文件的代碼放在body里面，并位于最后，不同的位置加載時機不同，具體可以了解網絡通信的知識，WebGL相比OpenGL的項目開發就是多了一層通信對三維場景的延遲影響因素

類型數組

Float32Array

Uint8Array

類型數組 一般的前端開發中都是使用普通數組Array，不需要定義數據類型，而WebGL開發需要處理大量的頂點數據，Javascript引入了Float32Array、Uint8Array等類型數組，

主要是為了提高圖像的處理效率。當然可能大家會認為Javascript語言剛開始為什么不引入類型數組，最初Javascript語言主要是為了增強網頁設計的靈活性，又不增加語言的

學習難度，對語言盡可能封裝，比如不需要定義數據類型。隨著時間的發展瀏覽器往平臺的方向靠攏，和客戶端一樣是一個生態，需要修改Javascript語言，最明顯的標志就是

大量單頁面應用的出現，繼OpenGL、OpenGL ES之后誕生了WebGL標準，圖形學也開始登上了互聯網的舞臺，很多人會問WebGL有前途嗎？其實你應該問互聯網有前途嗎？大量的應

用云端化是必然的。這里不做過多的解釋，在后面的課程用到，后詳細解釋類型數組。

總結

以上是生活随笔為你收集整理的c 运行js脚本语言,Javascript脚本语言的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。