當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript入门（介绍及入门编程）
生活随笔
收集整理的這篇文章主要介紹了
JavaScript入门（介绍及入门编程）
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
看到這篇文章，希望能給大家一個具體的JavaScript的概率，來了解了解JavaScript的出現與經歷，如果文章對你學習JavaScript有幫助不要忘了點贊，關注加評論哦。
目錄
JavaScript是什么？
學習JavaScript有什么用？
為什么要學習JavaScript？
JavaScript的歷史：
JavaScript的入門編程
第一個程序的開始（你好，JavaScript）
js的書寫方式（三種）
js對話框（警告框、確認框、輸入框 )
如何定義變量,常量
js運算符:(+,-,*,/,%,**)
js的流程控制(順序,選擇,循環)
JavaScript是什么？
JavaScript是一門面向對象的、弱數據類型、解釋性、動態的腳本語言，簡稱js。誕生于1995 年，ECMAScript標準在1997年第一次制定。JavaScript 是一種具有面向對象能力、解釋型的程序設計語言。更具體一點，它是基于對象和事件驅動并具有相對安全性的客戶端腳本語言。因為他不需要在一個語言環境下運行，而只需要支持它的瀏覽器即可。它的主要目的是，驗證發往服務器端的數據、增加 Web 互動、加強用戶體驗度等。
學習JavaScript有什么用？
為什么要學習JavaScript？
當代許多的網頁都使用（h5+css+js)進行設計，如果想走向前端就必須會這些基礎。當然如果你對網頁感興趣，js也是必不可少的。技多不壓身，總有一些東西你可能就會需要。
JavaScript的歷史：
大概在 1992 年，一家稱作 Nombas 的公司開發了一種叫做 C 減減（C-minus-minus，簡稱 Cmm）的嵌入式腳本語言。Cmm 背后的理念很簡單：一個足夠強大可以替代宏操作（macro）的 腳本語言，同時保持與 C （和 C ++）足夠的相似性，以便開發人員能很快學會。這個腳本語言捆 綁在一個叫做 CEnvi 的共享軟件中，它首次向開發人員展示了這種語言的威力。Nombas 最終把 Cmm 的名字改成了 ScriptEase，原因是后面的部分（mm）聽起來過于消極，同時字母 C “令人害 怕”。現在 ScriptEase 已經成為了 Nombas 產品背后的主要驅動力。Netscape 發明了 JavaScript 當 Netscape Navigator 嶄露頭角時，Nombas 開發了一個可以嵌入網頁中的 CEnvi 的版本。這 些早期的試驗被稱為 Espresso Page（濃咖啡般的頁面），它們代表了第一個在萬維網上使用的客 戶端語言。而 Nombas 絲毫沒有料到它的理念將會成為萬維網的一塊重要基石。就在 Netscape Navigator 2.0 即將正式發布前，Netscape 將其更名為 JavaScript，目的是為了利用 當年Java 這個因特網時髦詞匯。Netscape 的賭注最終得到回報，JavaScript 從此變成了因特網的必備組件。JavaScript的入門編程
第一個程序的開始（你好，JavaScript）
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>js</title><script>alert("hello，JavaScript")</script><link /></head><body></body> </html>js的書寫方式（三種）
1，行內js
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>js</title></head><body><button onclick="alert('你想干嘛？');alert('我不想干什么')">想什么呢</button></body> </html>2,網頁內嵌js
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>js</title></head><body><script> alert('hello JavaScript， I am coming！！！'); alert('點你一下咋地？'); </script></body> </html>3，外聯ks文件（一般情況下，都使用這種方式）
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>js</title><script src="js/index.js"></script> </head><body></body> </html>js對話框（警告框、確認框、輸入框 )
| alert? | 警告框 |
| confirm | 確認框（當選擇取消是傳入為noll) |
| prompt | 輸入框 |
如何定義變量,常量
const VERSION = "1.0" //const 定義常量 ,常量定義后不能修改 console.log(VERSION)| 定義語法 |
| var 變量名稱 = 變量值 |
| 變量名只能有有效符號組成（大小寫字母、數字、下劃線_、$） |
| 變量名不能以數字開頭 |
| 變量名不能使用關鍵字或者保留字 |
| 變量名最好有意義，如年齡使用age |
| 變量名應當盡量遵循小駝峰法名稱，如userName、classRoom等，當然下劃線法也行， 如user_name。但是建議跟官方保存一致，使用小駝峰法，類的名稱使用大駝峰法。 |
數據類型
| 數值類型(int 整數,float 浮點數) |
| 布爾類型(boolean): (1,true? 2,false) |
| 字符串(string) :單引號,雙引號,在js中還可以使用一對反引號 |
| 空(null) |
| 未定義（undefined、空的特殊表現） |
| 不是數字（NaN - Not a Number） :判斷是不是數值 |
| 數值(array) |
| object(對象) |
js運算符:(+,-,*,/,%,**)
(++i,--I,i--,i++)區別++,--在前的優先級高僅次于括號,++,--在后的優先級低,比=還低,先賦值在-
//三目運算 var a = 100 var b = 30 let c = a > b ? 100 : 1000 //如果c=a輸出100, 如果a>b 輸出1000 alert(c)js的流程控制(順序,選擇,循環)
順序:從左指向右,從上到下
| 單分支 | if {} elsr{} |
| 雙分支 | if{} elseif{}else{} |
| 多分支 | if{} elseif{}elseif{}...else{}或者使用switch語句 |
| for循環 | for(i=o;i>10;i++) |
| while循環 | while(i>10){ ++I} |
| do while 循環 | do { console.info(i); i++; } while (i < 100); |
| break、continue跳轉語句 | break關鍵字的作用是結束switch語句，在循環中，break是打斷當前 循環，結束循環的作用，continue關鍵字是跳過本次循環，進入下次循環。 |
循環加強(for in 與for of)
在JavaScript中，還提供了一種 for in 的循環，用來迭代數組或者對象，需要注意的是，迭代的變量如果是數組，則返回的是數組下標，而如果是對象的，返回的是對象的屬性名稱。 // arr是JavaScript中數組 var arr = [1, 3, 454, 5, 6, 77] for (var i in arr) { // i 是數組的下標 console.info(arr[i]) } // 創建一個對象 var obj = new Object(); // 為對象屬性賦值 obj.name = "xxx" obj.age = 18 obj.gender = "男"; for (var i in obj) {// i 是對象的屬性 console.info(obj[i]) } JavaScript提供了一種 for of的循環，這種事 for in 循環的升級體，主要用來迭代可迭代對象 -- iterable 。 // arr是JavaScript中數組 var arr = [1, 3, 454, 5, 6, 77] for (var i of arr) {console.info(i)}總結
以上是生活随笔為你收集整理的JavaScript入门（介绍及入门编程）的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php 完美分页,php完美分页类程序
- 下一篇： JS 网络编程