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
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...