04JavaScript語法

来源:https://www.cnblogs.com/lmyupupblogs/archive/2019/01/11/10254907.html
-Advertisement-
Play Games

1.JavaScript 語法 JavaScript 是一個腳本語言。 它是一個輕量級,但功能強大的編程語言 2.JavaScript 字面量 在編程語言中,一般固定值稱為字面量,如 3.14。 數字(Number)字面量 可以是整數或者是小數,或者是科學計數(e); 字元串(String)字面量 ...


1.JavaScript 語法

JavaScript 是一個腳本語言。

它是一個輕量級,但功能強大的編程語言


 

2.JavaScript 字面量

在編程語言中,一般固定值稱為字面量,如 3.14。

數字(Number)字面量 可以是整數或者是小數,或者是科學計數(e);

字元串(String)字面量 可以使用單引號或雙引號;

表達式字面量 用於計算:如5+10 、 5*10,註意這裡裡面如果加了 " " "5+10",就不顯示15而是顯示5+10。

數組(Array)字面量 定義一個數組:[40, 100, 1, 5, 25, 10];

對象(Object)字面量 定義一個對象:{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

函數(Function)字面量 定義一個函數:function myFunction(a, b) { return a * b;};


 

3.JavaScript 變數

在編程語言中,變數用於存儲數據值。

JavaScript 使用關鍵字 var 來定義變數, 使用等號來為變數賦值:

實例:

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>Yubaba丶</title> 
 6 </head>
 7 <body>
 8 
 9 <p id="demo"></p>
10 <script>
11 var length;//定義變數
12 length = 6;
13 document.getElementById("demo").innerHTML = length;
14 </script>
15 
16 </body>
17 </html>

 

4.JavaScript 操作符

JavaScript使用 算術運算符 來計算值:

 1 <!DOCTYPE html>
 2 <html>
 3 <head> 
 4 <meta charset="utf-8"> 
 5 <title>Yubaba丶</title> 
 6 </head>
 7 <body>
 8 
 9 <p id="demo"></p>
10 <script>
11 var num=10;
12 document.getElementById("demo").innerHTML = (5 + 9) * num;//得數是140
13 </script>
14 
15 </body>
16 </html>

JavaScript語言有多種類型的運算符:

類型                                                                 實例                                                           描述                                                              
 賦值,算術和位運算符 =  +  -  *  / 在 JS 運算符中描述
條件,比較及邏輯運算符 ==  != <  >  在 JS 比較運算符中描述

 

5.JavaScript 語句

在 HTML 中,JavaScript 語句向瀏覽器發出的命令。

語句是用分號分隔:

x = 5 + 6;
y = x * 10;


 

6.JavaScript 關鍵字

JavaScript 關鍵字用於標識要執行的操作。

和其他任何編程語言一樣,JavaScript 保留了一些關鍵字為自己所用。

var 關鍵字告訴瀏覽器創建一個新的變數:

var x = 5 + 6;
var y = x * 10;

JavaScript 同樣保留了一些關鍵字,這些關鍵字在當前的語言版本中並沒有使用,但在以後 JavaScript 擴展中會用到。

JavaScript 關鍵字必須以字母、下劃線(_)或美元符($)開始。

後續的字元可以是字母、數字、下劃線或美元符(數字是不允許作為首字元出現的,以便 JavaScript 可以輕易區分開關鍵字和數字)。

以下是 JavaScript 中最​​重要的保留字(按字母順序):

abstract                      else                          instanceof                  super                       
boolean enum int switch
break export interface synchronized
byte extends let this
case false long throw
catch final native throws
char finally new transient
class float null true
const for package try
continue function private typeof
debugger goto protected var
default if public void
delete implements return volatile
do import short while
double in static with

 

7.JavaScript 註釋

不是所有的 JavaScript 語句都是"命令"。雙斜杠 // 後的內容將會被瀏覽器忽略:

//我不會執行哦

 

8.JavaScript 數據類型

JavaScript 有多種數據類型:數字,字元串,數組,對象等等:

1 var length = 16;                                  // Number 通過數字字面量賦值
2 var points = x * 10;                              // Number 通過表達式字面量賦值
3 var lastName = "Johnson";                         // String 通過字元串字面量賦值
4 var cars = ["Saab", "Volvo", "BMW"];              // Array  通過數組字面量賦值
5 var person = {firstName:"John", lastName:"Doe"};  // Object 通過對象字面量賦值 

 

9.JavaScript 函數

JavaScript 語句可以寫在函數內,函數可以重覆引用:

引用一個函數 = 調用函數(執行函數內的語句)。

function myFunction(a, b) {
    return a * b;                                // 返回 a 乘以 b 的結果
} 

 

10.JavaScript 字母大小寫

JavaScript 對大小寫是敏感的。

當編寫 JavaScript 語句時,請留意是否關閉大小寫切換鍵。

函數 getElementByIdgetElementbyID 是不同的。

同樣,變數 myVariableMyVariable 也是不同的。

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • HTML細化知識點總結 1.h1-h6標簽 都是標題標簽,定義一段話的標題,h1最大,依次遞減,h6最小 標題標簽的作用:讓文本加粗顯示 2. 段落標簽:p標簽 用來顯示一段文本(圖片),它會忽略源代碼中的排版 塊元素:獨占一行的元素,和相鄰的元素不能共用同一行,所有的塊元素都有align屬性,h1 ...
  • 本文由雲+社區發表 PWA(Progressive Web App)起源背景 傳統的Web網頁存在以下幾個問題: 進入一個頁面必須要記住它的url或者加入書簽,入口不便捷; 沒網路就沒響應,不具備離線能力; 不像APP一樣能進行消息推送。 Native app: 開發成本高 軟體上線需要審核 即使使 ...
  • 有時候在我們在新增數據時,需要自動生成主鍵id等,就經常會遇到需要生成隨機數的方法。 下麵先介紹一種比較簡單的生成隨機數方法: 接著我們在我們需要的函數中去調用這個產生隨機數的方法: (下麵的案例是我自己寫的項目中用到的,下麵的第12行就調用了上面寫的生成隨機數函數的方法RndNum,並設置了6位隨 ...
  • 獲取功能變數名稱(第一種方法): 獲取功能變數名稱(第二種方法): 獲取埠號: 獲取主機+埠號: 需要註意的是獲取的功能變數名稱不包括“http://”。 在此我寫了一個方法用於根據本地環境和線上環境獲取功能變數名稱的方法: ...
  • 今天又是忙碌的一天,但是想到明天就雙休日了心情頓時開朗了,哈哈~ 廢話不多說,相信很多小伙伴都在項目中會用到側邊懸浮導航吧? 就是在網站首頁或者所有頁面的邊上懸浮這一條快捷入口或者工具吧? 是不是因為每次都要去寫這個功能而感到無聊呢? 今天我就來安利一波我的自定義側邊欄工具吧!! 例如樓下這幾個就很 ...
  • 轉載請註明出處:葡萄城官網,葡萄城為開發者提供專業的開發工具、解決方案和服務,賦能開發者。原文出處:https://wanago.io/2018/07/23/webpack-4-course-part-three-working-with-plugins/ 大家好!今天我們介紹插件這個概念。插件與l ...
  • 1.JavaScript 語句 JavaScript 語句是發給瀏覽器的命令。 這些命令的作用是告訴瀏覽器要做的事情。 2.分號 ; 分號用於分隔 JavaScript 語句。 通常我們在每條可執行的語句結尾添加分號。 使用分號的另一用處是在一行中編寫多條語句。 案例: 3.JavaScript 代 ...
  • 書接上文,我們繼續開發。 1.界面設計 首先我先用PS設計出如圖1的播放器界面。詳細設計步驟不再表述,這是美工的主要工作,下麵我主要講解一下切圖工作,這部分工作我認為還是自己動手比較合適,美工不知道我們的需求,也不知道怎麼切割符合我們的要求,所以要親自動手。掌握一些圖片設計工具還是十分有必要的 我們 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...