JS

Java 部分需要掌握的知識點：

1. typeof

變量的數據類型可以使用 typeof 操作符來查看：

typeof "John"                // 返回 string
typeof 3.14                  // 返回 number
typeof false                 // 返回 boolean
typeof [1,2,3,4]             // 返回 object
typeof {name:'John', age:34} // 返回 object

• typeof 一個沒有值的變量會返回 undefined

 

• 任何變量都可以通過設置值為 undefined 來清空。 類型為 undefined.

• 在 JavaScript 中 null 表示 "什么都沒有"。
• null是一個只有一個值的特殊類型。表示一個空對象引用。

null 和 undefined 的值相等，但類型不等：

typeof?undefined?????????????// undefined
typeof?null??????????????????// object
null?=== undefined???????????// false
null?== undefined????????????// true ? ?

2. "==="和"=="

===：絕對等于（值和類型都相等）

3. let/const

 

4. function

function myFunction(a, b) {
    return a * b;
}

const x = (x, y) => { return x * y };

function myFunction(x, y = 10) {
    // y is 10 if not passed or undefined
    return x + y;
}
 
myFunction(0, 2) // 輸出 2
myFunction(5); // 輸出 15, y 參數的默認值

JavaScript 閉包

還記得函數自我調用嗎？該函數會做什么？

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
 
add();
add();
add();
 
// 計數器為 3

 

?

5. array

let myCars=["Saab","Volvo","BMW"];

push（末尾添加新的元素）

pop (刪除數組的最后一個元素）

map（

map() 方法返回一個新數組，數組中的元素為原始數組元素調用函數處理后的值。

map() 方法按照原始數組元素順序依次處理元素。

fill() 方法用于將一個固定值替換數組的元素

xs=Array(100).fill(100).map((x,i) =>i+1);(列出了1-100）

 

 

6. foreach/reduce

for (const x of xs){

　　sum+=x;

}

xs.forEach(x => {sum = sum+x;})

sum = xs.reduce((partialSum,x)=>partisalSum +x) //reduce() 方法接收一個函數作為累加器，數組中的每個值（從左到右）開始縮減，最終計算為一個值。

7.filter

filter() 方法創建一個新的數組，新數組中的元素是通過檢查指定數組中符合條件的所有元素。
注意： filter() 不會對空數組進行檢測。
注意： filter() 不會改變原始數組。

const events = xs.filter(n=>n%2 ===0)

返回的都是偶數的

 

8.object

定義 JavaScript 對象可以跨越多行，空格跟換行不是必須的：

 

 

 

 

 

 

 

 這個就是上面提到的閉包吧

 9.計數

 

 

 

10.JavaScript in the browser 

 

 

API

navigator.geolocation;

navigator.deviceMemory;

window.innterWidth;

window.innerHeight;

document.body;

document.images;

document.cookie;

Node

• Document
• Element
• DocumentFragment

 

11.Asynchronous JS

 

 

Promises 

let p = <make a promise object which runs immediately>

function resolved(v) {use result}

function rejected(e) {handle error}

p.then(resoved).catch(rejected);

 

let p = new Promise((resolve,reject)=> {
    setTimeout(() => resolve('line 2 running'), 2000);
})
p.then(console.log);
console.log("main thread has reached line 7")

function flow(flag){
       //promise是一個構造函數，內部接收一個回調函數。
       //回調函數內部有兩個參數,reslove是執行成功的時候調用的，reject是失敗調用的
       var promise = new Promise(function(reslove,reject){
          setTimeout(function(){//模擬異步操作
               if(flag){
                 reslove(true);//處理成功
               }else{
                 reject(false)處理失敗
               }
          },5000)
       });
       return promise;
   }
   //flow返回的是一個Promise對象，這樣我們就能通過下面的方式來的處理異步操作了。
   //調用該函數
   flow().then(function(success){     
   }).catch(function(error){
        //處理失敗返回
   });

Fetch

 

 

 

 

 

插入

<script src="xxx"></script>