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——入門——第一章——知識點總結