MDN——javascript——入門——第一章——知識點總結
1.什麽是js：
JavaScript 是允許你在網頁中實現復雜事情的一門編程語言
例子：
var para = document.querySelector(‘p‘);
para.addEventListener(‘click‘, updateName);
function updateName() {
var name = prompt(‘Enter a new name‘);
para.textContent = ‘Player 1: ‘ + name;
}
JS APIs：
1瀏覽器 APIs：
DOM，地理位置API，canvas和WebGL
2第三方APIs：
（默認是沒裝在瀏覽器上）推特API 谷歌地圖API
解釋代碼 vs 編譯代碼
在編程環境中，你或許聽說過這兩個術語 解釋 [interpreted] 和 編譯 [compiled]。JavaScript 是一個解釋語言——代碼從上到下運行，而運行的結果會馬上被返回。在瀏覽器運行代碼前，你不必先把它轉化為其他形式。
另一方面來說，編譯語言則需要在運行前轉化為另一種形式。比如說 C/C++ 則要先被編譯成匯編語言，然後再由電腦運行。
在 HTML 中內聯的 JavaScript
2.js第一步 （解決問題步驟）
1.思考算法
2.創建解決問題過程所有變量（包括數據，要操作的dom元素）
3.創建需要的函數（功能模塊化）
4.通過實踐監聽器來調用函數x.addEventListener(‘click‘, fn);
在js中一切都是一個對象。對象是存儲在單個分組中的相關功能的集合。對象都有屬性和方法，可以創建一個變量指向對象，這樣就可以通過變量訪問對象的屬性和方法
3.什麽地方出了錯？（找到/修復bug）
錯誤類型：
1.語法錯誤。。。代碼拼寫錯誤什麽的，可通過錯誤信息修復
2.邏輯錯誤。。。語法正確，但達不到想要的效果，沒有錯誤信息，更難找到
常見語法錯誤
TypeError：guessSubmit.addeventListener不是一個函數：可能函數名錯誤
TypeError：lowOrHi is null：可能沒獲取到dom，變量沒有指向的對象
SyntaxError: missing ; before statement：聲明後缺少’;’
SyntaxError: missing ) after argument list：參數後缺少)
語法錯誤參考文檔：
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors
邏輯錯誤檢查：
console.log()什麽的
4.變量
一個變量，就是一個用於存放數值的容器，內容可改
變量不是數值本身，它們僅僅是一個用於存儲數值的容器。你可以把變量想象成一個個用來裝東西的紙箱子。
聲明：創建變量
聲明未初始化，值是undefined
未聲明使用變量會報錯
變量名
數字字母下劃線$,
不要數字開頭
最好不要_開頭，會和一些構造混淆
駝峰式setResetBtn
區分大小寫
最好有語義
變量類型/數據類型
Number
String
Boolean
Array
Object
Loose Typing
Js是松散類型語言/弱類型語言
聲明不用加類型
可以改存儲的數據類型
5.數字操作符
比較運算符中
===全等，要求數據類型也一樣
!==嚴格不等，5!==2+3:false ’5’!==2+3:true 相當於===取反
推薦使用===和!==，而不是==和!=，導致更少的錯誤
6.String
單雙引號都一樣，但最好堅持習慣
轉義：\’
類型轉換
轉成字符：
var a=36+’ ’;
X.toString();
轉成數字：
Number（值）
7.String常用方法
因為在js中一切都是對象
所以string也是對象
Var a=’string’;
屬性
a.Length
a[0]
方法
a.indexOf(‘子串’);
返回子串第一次出現的第一位的索引，-1為不存在
a.slice(0,3);
返回0,1,2位上的字符串
a.slice(2);
返回第2位開始的剩余字符串
a.toLowerCase()
a.toUpperCase()
a.replace(‘m’,’n’);
用n替換m
8.Array
var arr=[1,2,3,4,5,6,’string’,[0,1,2]];
訪問：arr[0] arr[7,0]
屬性:
arr.length
方法：
arr=str.split(‘.’)
以.為分隔符將str分為arr
str=arr.join(‘.’)
以.為連接符將arr連成str
arr.toString() 等同於用逗號連接 arr.join(‘,’)
添加元素
arr.push(‘a’,’b’,’c’);
向末尾添加元素,返回值為數組新長度
arr.unshift()
向開頭加元素，返回值為新長度
刪除元素
arr.pop()
刪除最後一個元素，返回值是刪除的元素
arr.shift()
刪除最前面的
類型化數組：類數組對象
MDN——javascript——入門——第一章——知識點總結