Javascript簡稱js,js是一種腳本語言,（js是一種解釋性語言）,是不需要進行編譯的，也是瀏覽器中的一部分,經常用在web客戶端腳本語言,主要是用來給html增加動態功能，

JavaScript 的能做的事情:

網頁開發(更復雜的特效和用戶互動)

網頁游戲開發服務器開發(node.js)

桌面程式開發(Electron, VSCode 就是這么來的)

手機 app 開發

JavaScript 和 HTML 和 CSS 之間的關系

HTML: 網頁的結構（骨）

CSS: 網頁的表現(皮)

JavaScript: 網頁的行為(魂)

JavaScript 的撰寫形式

1.關聯在HTML中進行

1）內部方式管理<script>js</script>

2) 外部引入<script src="js的資源的url"></script>

2.直接在瀏覽器的開發者工具的控制臺進行撰寫（學習階段）

JS的輸入輸出

輸入: prompt

彈出一個輸入框

// 彈出一個輸入框
prompt("請輸入您的姓名:");

輸出: alert

彈出一個警示對話框, 輸出結果

// 彈出一個輸出框
alert("hello");

輸出: console.log

在控制臺列印一個日志

// 向控制臺輸出日志
console.log("這是一條日志");

語法概覽

變數的使用

var name = 'zhangsan';
var age = 20;

代碼示例: 彈框提示用戶輸入資訊, 再彈框顯示.

var name = prompt("請輸入姓名:");
var age = prompt("請輸入年齡:");
var score = prompt("請輸入分數");
alert("您的姓名是: " + name);
alert("您的年齡是: " + age);
alert("您的分數是: " + score);

JS是動態型別

1) JS 的變數型別是程式運行程序中才確定的(運行到 = 陳述句才會確定型別)

2) 隨著程式運行, 變數的型別可能會發生改變.

這一點和 C Java 這種靜態型別語言差異較大.

C, C++, Java, Go 等語言是靜態型別語言. 一個變數在創建的時候型別就確定了, 不能在運行時發生改變. 如果嘗試改變, 就會直接編譯報錯.

動態型別語言，腳本語言，解釋性語言，膠水語言，弱型別語言：

js,python,perl,php...

靜態型別語言，編譯性語言，強型別語言：

c,c++,java...

基本資料型別

JS 中內置的幾種型別number:

1) 數字. 不區分整數和小數.

2) boolean: true 真, false 假.

3）string: 字串型別.

4）undefined: 只有唯一的值 undefined. 表示未定義的值.

5）null: 只有唯一的值 null. 表示空值.

number數字型別表示

特殊的數字值

Infinity: 無窮大, 大于任何數字. 表示數字已經超過了 JS 能表示的范圍.

-Infinity: 負無窮大, 小于任何數字. 表示數字已經超過了 JS 能表示的范圍.

NaN: 表示當前的結果不是一個數字.

var max = Number.MAX_VALUE;
// 得到 Infinity
console.log(max * 2);
// 得到 -Infinity
console.log(-max * 2);
// 得到 NaN
console.log('hehe' - 10);

string 字串型別

基本規則

字串字面值需要使用引號引起來, 單引號雙引號均可.

var a = "haha";
var b = 'hehe';

字串拼接

使用 + 進行拼接

var a = "my name is ";
var b = "zhangsan";
console.log(a + b);

boolean 布爾型別

表示 "真" 和 "假"

undefined 未定義資料型別

如果一個變數沒有被初始化過, 結果就是 undefined, 是 undefined 型別

null 空值型別

null 表示當前的變數是一個 "空值".

比較運算子

== 比較相等(會進行隱式型別轉換)

=== 比較相等(不會進行隱式型別轉換)

!==

陣列

創建陣列

使用 new 關鍵字創建

var arr = new Array();

使用字面量方式創建 [常用]

var arr = [];
var arr2 = [1, 2, 'haha', false]; // 陣列中保存的內容稱為 "元素"

注意: JS 的陣列不要求元素是相同型別. 這一點和 C, C++, Java 等靜態型別的語言差別很大. 但是 Python, PHP 等動態型別語言也是如此.

新增陣列元素

1. 通過修改 length 新增相當于在末尾新增元素. 新增的元素默認值為 undefined

2. 通過下標新增如果下標超出范圍賦值元素, 則會給指定位置插入新元素

3. 使用 push 進行追加元素

代碼示例: 給定一個陣列, 把陣列中的奇數放到一個 newArr 中.

var arr = [9, 5, 2, 7, 3, 6, 8];
var newArr = [];
for (var i = 0; i < arr.length; i++) {
    if (arr[i] % 2 != 0) { 
       newArr.push(arr[i]); 
  }
}
console.log(newArr);

洗掉陣列中的元素

使用 splice 方法洗掉元素

var arr = [9, 5, 2, 7];
// 第一個引數表示從下表為 2 的位置開始洗掉. 第二個引數表示要洗掉的元素個數是 1 個
arr.splice(2, 1);
console.log(arr);
// 結果[9, 5, 7]

函式

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/386616.html

標籤：其他

上一篇：JavaScript中this指向

下一篇：jQuery夾娃娃小游戲

初識Javascript