javascript
javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量
JavaScript簡介
JavaScript歷史:
JavaScript是一門解釋型、動態類型、基于對象的腳本語言(不需要編譯,直接執行,與之相對的是編譯型語言),由美國網景公司的布蘭登·艾奇發明,起初稱LiveScript,其簡稱js。
JavaScript作用:
起初表單驗證----網頁特效-----服務端開發(Node.js)-----桌面程序(Electron)-----App(Cordova)-----控制硬件物聯網(Ruff)-----游戲開發(cocos2d.js)
瀏覽器執行javascript代碼:瀏覽器分為兩部分渲染引擎和js引擎。渲染引擎指解析HTML和CSS的引擎,俗稱內核;js引擎指處理js代碼的引擎,俗稱解析器。js引擎執行js代碼時逐行讀取并解析執行(轉換為二進制),即腳本語言。
JavaScript三大組成部分:
ECMAScript(js基本語法編程核心的標準)、 DOM—Document Object Model(文檔對象模型,操作頁面上的元素)、BOM—Browser Object Model(瀏覽器對象模型,操作瀏覽器窗口)
JavaScript基礎語法
JavaScript代碼書寫位置:
1、內嵌式:在html文件中的script標簽中寫js代碼;2、行內式:直接在標簽中書寫js代碼(內嵌js代碼);3、外部式:在js文件中書寫js代碼,并通過script標簽引入到html文件中
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"><title>Document</title></head><body><!-- 內嵌js代碼: --><input type="button" value="點擊彈框" onclick="alert('直接寫在標簽中的js代碼')"><!-- 寫在script標簽中的js代碼:script標簽中的type屬性和language屬性在h5新規定可以省略不寫,但是有些程序員會寫上,這是標準寫法,為了后面瀏覽器解析代碼不會出現意外。 --><script type="text/javascript" language="JavaScript">alert('在html文件中的script標簽中書寫js代碼');</script><!-- 寫在外部js文件中的js代碼,通過script標簽引入HTML文件: --><script src='js/alert.js'></script></body></html>注意:
1、在一對script的標簽中有錯誤的js代碼,那么該script標簽中錯誤代碼后面的代碼不執行
2、如果一對script的標簽中有錯誤,不會影響后面的script標簽中的js代碼執行
3、script標簽內:
type=‘text/javascript’-----標準寫法
language=‘javascript’------也可以,目前都省略,原因是html遵循h5的標準
4、特殊情況:script中同時出現type和language的寫法,防止瀏覽器解析時出錯
5、script標簽在頁面中可以出現多對
6、script標簽一般是放在body標簽的最后面,有時也放在head標簽中
7、如果js文件是外部引入的,那么該對script中不能寫任何代碼
JavaScript中的注釋:
//第一種注釋:注釋語句,VScode中快捷鍵:Ctrl + //* 第二種注釋:注釋語句,VScode中快捷鍵:Shift + Alt + a */JavaScript中常用測試方法:
變量:
變量:指計算機中存儲數據的標識(容器),根據變量名稱可以獲取到內存中儲存的數據(變量的本質:程序在內存中申請一塊存數據的空間)。js中存儲數據是通過變量的方式儲存的,操作變量都是在內存中的,變量的聲明及賦值一般用var、const、let等關鍵字,使用變量可以方便的獲取或者修改內存中的數據,初學JavaScript使用var聲明變量,如:
<script>//關鍵字 變量名 = 值var num = 10;var name = 'xiaohei';var sum; //變量的聲明指:在內存中開辟一塊空間sum = 20; //給變量賦值var sum = 10; // 變量的初始化:即聲明變量的同時并賦值var x = 1,y = 2,z = 3; //一次初始化多個變量var num1,num2,num3; //一次聲明多個變量//一次給多個變量賦值:num1 = 1;num2 = 2;num3 = 3;// 使用彈框用變量接收一個值,并輸出這個值var str = prompt('輸入內容:');alert('彈出輸入的內容:' + str);//不聲明的變量在js中是可以使用的,前提要賦值myName = 'Jack';console.log(myName);</script>注意:
1、JavaScript中區分大小寫
2、JavaScript中每個js代碼結束后要跟分號結尾
3、變量名應該有意義,由字母、數字、下劃線、$符號組成,不能以數字開頭,不能是關鍵字和保留字
4、遵守駝峰命名法。首字母小寫,后面單詞的首字母需要大寫
5、變量名不能重名,重名后相當于給變量重新賦值。
交換兩個變量:
<script>// 借助第三方變量實現變量交換:var num1 = 10;var num2 = 20;var temp;temp = num1;num1 = num2;//變量的重新賦值num2 = temp;console.log('num1:' + num1);console.log('num2:' + num2);//通過計算的方式交換兩個變量:var num1 = 10;var num2 = 20;num1 = num1 + num2;num2 = num1 - num2;num1 = num1 - num2;console.log(num1, num2);// 計算機位運算,擴展,不需要理解var num1 = 10;var num2 =num1 = num1 ^ num2;num2 = num1 ^ num2;num1 = num1 ^ num2;console.log(num1, num2);</script>提示:本文圖片等素材來源于網絡,若有侵權,請發郵件至郵箱:810665436@qq.com聯系筆者 刪除。
筆者:苦海
總結
以上是生活随笔為你收集整理的javascript历史、作用、三大组成、javascript代码书写位置、注意事项、变量的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mysql in 保持顺序_IN条件结果
- 下一篇: java gson序列化_java –