JavaScript知識點的總結_ZenDei技術網路在線

一.Javascript的含義

是一種解釋性的語言，主要給網頁添加各色各樣的動態功能，同時為用戶提供瀏覽效果。

二.JavaScript的主要特點

1. 簡單性
2. 動態性
3. 安全性
4. 跨平臺性

三.JavaScript的組成

1. ECMAScript :描述語言的語法和基本對象
2. BOM：描述網頁內容的方法和介面
3. DOM：描述與瀏覽器進行交互的方法和介面

四.JavaScript的三種引入方式

1.標簽內引入
2.內部引入
3.外部引入

五.javaScript語法的基本要求

1.按照順序依次執行

2.嚴格區分的大小寫

3.javascript中的結束分號不能省略

4.javascript中會忽略空白符和換行符

六. JavaScript常用的調試方法

1.alert()

2.confirm();

3.prompt();

4.console.log();

5.document.write()

七.表示符的使用規則

1.只用用數字、字母、下劃線、$

2.不能使用數字開頭

3.區分大小寫

4.不能用關鍵字

5. 駝峰命名法

八.javaScript中常見的數據類型

1.Number

2.Boolean

3.undefined

4.Null

5.String

6.Object

九. 算術運算符

+、-、*、/、%。

1.+ 運算符：運算規則

* 如果兩個都是Number則，則就按照普通的數學加法運算。

* 如果有一個是字元串，就按照字元串的串聯的方式連接。(如果另外一個不是字元串，則先轉換成字元串再連)。
* 如果有一個是NaN，則結果就是NaN。
*如果同時是Infinity或-Infinity，則結果就是Infinity或-Infinity。
* 如果一個是Infinity另外一個是-Infinity，則結果為NaN。

2.- 運算符：運算符規則

- 如果兩個都是Number則，則就按照普通的數學減法運算。
- 如果有一個操作數是字元串、布爾值、null 或undefined，則先在後臺調用Number()轉型函數將其轉換為數值，然後再根據正常減法計算。如果轉換的結果有一個是NaN,則減法的結果就是NaN
* 如果有一個操作數是對象，則調用對象的valueOf()方法以取得表示該對象的數值。如果得到的值是NaN，則減法的結果就是NaN。如果對象沒有valueOf()方法，則調用其toString()方法並將得到的字元串轉換為數值(瞭解)

3.* 運算符：運算符規則。

- 運算規則同減法。

1. / 運算符：運算規則

- 就是普通的除法運算，運算規則同 *

4. %運算符：運算規則

- 求餘(求模)運算。

十.javaScript中常見的運算符

1.邏輯與  （  只要有一個是false，則返回false）

2.邏輯或   （只要有一個是true，結果就是true）

3.邏輯非    （先轉換成Boolean值，再取反得到最終的結果）

###   &&()和|| 的結果總結：

1. 如果第一個能夠決定結果，則結果就是第一個表達式的值
2. 如果第一個不能決定結果，則結果就是第二個表達式的值

十一.JavaScript中的判斷語句

1.if語句

>##### 語法：

if(condition){
  //語句1
}

2.if...else語句

>##### 語法：

if(condition){
  //語句1
}

else{
  //語句2
}

3.    if...else if...elsif... 語句

>##### 語法：

if(condition1){
  //語句1
}

else if(condition2){
  //語句2
}

...

else if(condition3){
  //語句n
}

4.if...else if...else ...else語句

>#####  語法：
if(condition1){
  //語句1
}

else if(condition2){
  //語句2
}

...

else if(condition3){
  //語句n
}

else{
  //else語句
}
5. switch條件語句

>##### 語法：
switch (expression) {

  case value1: 
    //語句1
  break;

  case value2: 
    //語句2
  break;

  case value3: 
    //語句3
  break;

  case value4: 
    //語句4
  break;

  default: 

}

十二.JavaScript中的迴圈結構

1.for迴圈

語法：
for(表達式1; 表達式2; 表達式3){
      //迴圈體
}

>註意：

- 3個表達式的都可以省略。
- 對錶達式1和表達式3省略，對for迴圈沒有任何影響，只是少執行了代碼而已。
- 如果表達式2省略，表示此處為true，那麼這個迴圈就是死迴圈。 
- 如果第一次檢查表達式2的時候就是false，則迴圈體內的代碼可能一次也不執行。


2.while迴圈

語法：while(condition){   }

>註意：

- condition不能省略。如果省略為語法錯誤
- while迴圈也有可能一次也不執行。


3. do...while迴圈

語法：  do{  //迴圈體}while(condition);

>註意：

- condition條件不能省略，省略語法錯誤。
- 由於先執行在判斷，所以，對do...while 迴圈來說，迴圈體至少執行一次。

十三. javaScript中的兩個特殊控制語句

1.break語句
作用：在迴圈體中，break會提前結束迴圈

>例如：

for(var i=0;i<6;i++){

    if(i==5){
        break;
    }
    console.log(i);
}

2.continue語句
作用：在迴圈體中，continue會結束本次迴圈，不會執行剩餘的代碼，不過會繼續執行它外層的迴圈
>例如：

for(var i=0 i<10;i++){

    if(i==6){
        continue;
    }

}

十四.自定義函數

1.函數的聲明

function 函數名(形式參數1, 形式參數2, ...){
//函數體
}

function mer(a,b,c){
var m=a+b;
}

2.函數的調用

3.函數的命名規範

十五.變數的作用域

##### 1.全局變數

定義： 在函數外部聲明的變數

例如：

    var m=13;

    alert(m);

##### 2.局部變數

定義： 在函數體內部聲明的變數

>例如：

  function f(){
      var m="234";
      alert(m);
  }

##### 3.匿名函數

1.定義：沒有聲明函數名的函數
>例如：
var m=function(){
    alert("Hello world");
}
m();

2.註意點：
* 匿名函數除了沒有函數名以外，與其他函數沒有任何區別
* 如果想要在其他地方調用該函數，則需要先聲明一個變數，並把該函數的值賦值給聲明的變數
* 可以將變數名做為函數名調用

3.匿名函數的作用

* 可以將函數表達式存儲在變數中
* 可以將匿名函數當作參數來傳遞

##### 4.匿名函數的立即執行
1.語法：
* （function(){
    alert("立即執行");
}());

2.註意點：
* 要把匿名函數用一對圓括弧括起來，作為一個整體看
* 在函數的最後面添加一對圓括弧來表示調用函數

3.函數遞歸調用

1. 定義：
  在函數的內部調用當前的函數

2. 需要滿足的條件
* 要有結束條件
* 遞歸不能無限的遞歸下去，否則會溢出。
3. 總結：
   函數的調用原理與數據結構棧的實現是一致的。

十六.JavaScript中數組的特點

1.數組的長度是可以動態改變的
2.在同一個數組中可以存儲不同的數據類型
3.每一個數組中都有一個 length的屬性，表示的是數組中元素的個數

十七.數組的創建

數組中的兩種基本創建方式
1.字面量的方式

例如：["a", 5, "b",8]

2.構造函數

註意點：

在構造函數創建數組對象時，最後一個元素後面不需要添加逗號
在構造函數中只傳入一個Number值，這個值一定要大於 0
在構造函數創建數組對象時，new關鍵字可以省略

3.修改和訪問數組中的元素

 var arr=[10,20,30,40,50,60];

 alert(arr[0]);

 arr[3]=100;

4.數組中的長度

var arr = [10, 20, 60, 5, 7];

alert(arr.length);

十八.數組的遍歷

1.遍曆數組的方法

* 普通的for迴圈
* for...in
* for each
* for... of

2.普通for迴圈的遍歷

 var arr=[20,30,50,60,78];

 for (var i=0;i<arr.length;i++){

     console.log(arr[i]);
 }

3.for ...in迴圈的遍歷

var arr=[50,30,60,12,45];

for (var index in arr){

    console.log(arr);
}
##### 註意：

for...in遍曆數組時，遍歷出來的是數組的下標

4.for each方法的遍歷

  var arr=[23,4,56,7,80];

  arr.forEach(function(ele,index){

      alert(ele);

  });

十九.javaScript中數組的常用方法

1.轉換方法：

toString（）

作用：返回由數組中每個值得字元串形式拼接而成的一個以逗號分割的字元串

  var arr=[2,3,45,6,78];
  alert(arr.toString());

2.join()方法

作用：可以使用指定的連接符連接

alert(arr.join("="));

二十.JavaScript中站的方法

1.入棧（ push() )

作用：把新的元素添加到數組的後面

2.出棧 ( pop() )

作用：把數組中的最後一個元素從數組中移除

var arr=[2,3,4,5,67];
var num=arr.push("100");
var hom=arr.pop();

alert(num);

alert(hom);

3.隊列方法

1.shift()

作用：從隊列中的頭部移除元素

2.unshift()

作用：向隊列尾部添加元素

var arr=[23,45,67];

var num=arr.shift();

var bak=arr.unshift();

alert(num);

alert(bak);

4.數組中的倒序

reverse()：

作用：將數組中的元素進行倒序

5.javaScript中查找指定元素在數組中的索引

1. indexOf(item,num)

作用：從num的位置開始向後查找item第一次出現的位置

2.lastIndex(item,num)

作用：從num的位置開始向前查找item第一次出現的位置

var arr=[2,3,5,3,6,2,8,8];

alert(indexOf("2",2);

alert(lastIndeOf("3",4);

6.獲取新的數組

1.concat(arrayX,arrayX,......,arrayX)

作用：用於連接多個數組，並且不會對原數組做任何的改變

 var arr=[2,34,56];

 var arr1=[87,65,43];

 var newArr=arr.concat(arr1);

 alert(newArr);

2. slice(start,end)方法

作用：截取數組，並且返回結渠道的新數組

var arr=["a","s","d","f","g"];

var arr1.slice(0,3);

alert(arr1);

3.splice(index,howmany,item1,.....,itemX) 方法

作用：向數組中添加元素，刪除元素，替換元素

var arr=[2,3,4,"as",d,f];

var num= arr.splice(1,3);

alert(num);

var num1=arr.splice(1,0,"m","n");

alert(num1);

var num2=arr.splice(1,2,"2","3");

alert(num2);

二十一.javaScript中數組的檢測

1.instanceof運算符

作用：會返回一個Boolean值，指出對象是否是特定構造函數的一個實例

var arr = [];

alert(arr instanceof Array);

2.Array.isArray()方法

作用：判斷一個變數是不是數組，是則返回true，否則返回false

二十二. JavaScript中字元串的操作

1.註意：

javaScript中字元串是不可變的，需要創建一個新的字元串

2. 字元串的創建

字元串直接量

例如：

var s = "good";

alert(typeof s);

通過String()轉換函數

==例如：==

var s = String(123);