javascript標準參考教程(阮一峰老師)學習筆記

leap_frog 發布于2019-08-23 12:24 / 1090人閱讀

JavaScript標準參考教程 第一章

JS宿主環境最常見的

瀏覽器

服務器環境如node

==JavaScript核心語法== 只有兩部份

基本的語法構造(操作符、控制結構、語句等)

標準庫(一系列具有各種功能的對象比如Array、Date、Math等）

除此之外，有宿主環境提供的API

==瀏覽器提供的API==

瀏覽器控制類:操作瀏覽器

DOM類：操作網頁各種元素

Web類：實現互聯網各種功能

==服務器環境提供的API==

文件操作API

網絡通信API

等等

第二章

基本語法

變量【重要】

js區分大小寫變量名

undefined “未定義” var聲明但不賦值

==JS是動態類型語言==

變量的類型沒有限制，可以隨時更改類型，例如：

var a = 1;

a = ‘hello’;

用var重新聲明(但不賦值)一個已存在的變量是無效的，例如：

var x = 1;

var x; //此句無效，等于沒寫，x等于1，x不會等于undefined

==但是==

var x = 1;

var x = undefined;//你瞅瞅會輸出啥

==然后==

var x = 1;
function py(){console.log(x);var x = 2;};py();//你瞅瞅會輸出啥

相當于

var x = 1;

function py(){

? var x;
? console.log(x);
? x = 2;

}
py();

變量提升(hoisting)

JavaScript 引擎的工作方式是，先解析代碼，獲取所有被聲明的變量，然后再一行一行地運行。這造成的結果，就是所有的變量的聲明語句，都會被提升到代碼的頭部。

console.log(a);
var a = 1;
//等同于以下,輸出undefined
var a;
console.log(a);
a = 1;

標識符

==標識符（identifier）指的是用來識別各種值的合法名稱。==

第一個字符：任意Unicode字母(英文和其他語言字母)，以及$和_

第二個字符以及后面字符，除了可用Unicode字母、美元符、下劃線，還可用數字

一些保留字(關鍵字)不能用作標識符，例如for、true、class、case、yield、super等。

以下合法標識符

π arg0 _tmp $elem 臨時變量

以下是不合法標識符

1a  // 第一個字符不能是數字
23  // 同上
***  // 標識符不能包含星號
a+b  // 標識符不能包含加號
-d  // 標識符不能包含減號或連詞線

注釋

//和/* */

此外，由于歷史上 JavaScript 可以兼容 HTML 代碼的注釋，所以也被視為合法的單行注釋。

例如：以下三種寫法都是注釋

x = 3;

n --> 0 相當于 n-- > 0 (一個判斷語句，先判斷是否大于0，再做減減操作)

條件語句 if結構和if...else...結構

var x = 1;
var y = 2;
if (x = y) {
  console.log(x);
}
// "2"

實際含義：將y賦值給變量x，再判斷變量x的值（等于2）的布爾值（結果為true）。

如果碰上下面這個例子：

var x = 1;
var y = "";
if (x = y) {
  console.log(x);
}else{
  console.log("i win")
}

想一想，結果會打印出什么呢？動手在瀏覽器試試吧。

==else代碼塊總是與離自己最近的那個if語句配對。==

var m = 1;
var n = 2;

if (m !== 1)
if (n === 2) console.log("hello");
else console.log("world");

上面代碼不會有任何輸出，else代碼塊不會得到執行，因為它跟著的是最近的那個if語句，相當于下面這樣。

if (m !== 1) {
  if (n === 2) {
    console.log("hello");    
  } else {
    console.log("world");
  }
}

GPU云服務器云服務器 javascript標準參考教程阮一峰阮一峰python java 阮一峰

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/98446.html

前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
PHPer書單

摘要：想提升自己，還得多看書多看書多看書下面是我收集到的一些程序員應該看得書單及在線教程，自己也沒有全部看完。共勉吧當然，如果你有好的書想分享給大家的或者覺得書單不合理，可以去通過進行提交。講師溫銘，軟件基金會主席，最佳實踐作者。想提升自己，還得多看書！多看書！多看書！下面是我收集到的一些PHP程序員應該看得書單及在線教程，自己也沒有全部看完。共勉吧！當然，如果你有好的書想分享給大家的或者...

jimhs 2019-07-01 12:35 評論0 收藏0
前端資源分享-只為更好前端

摘要：一團隊組織網站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術的研究騰訊社交用戶體驗設計，簡稱，騰訊設計團隊網站騰訊用戶研究與體驗設計部百度前端研發部出品淘寶前端團隊用技術為體驗提供無限可能凹凸實驗室京東用戶體驗設計部出品奇舞團奇虎旗下前一、團隊組織網站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術的研究 ISUX 騰...

JouyPub 2019-08-02 10:10 評論0 收藏0
前端資源分享-只為更好前端

摘要：一團隊組織網站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術的研究騰訊社交用戶體驗設計，簡稱，騰訊設計團隊網站騰訊用戶研究與體驗設計部百度前端研發部出品淘寶前端團隊用技術為體驗提供無限可能凹凸實驗室京東用戶體驗設計部出品奇舞團奇虎旗下前一、團隊組織網站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術的研究 ISUX 騰...

vslam 2019-08-30 15:53 評論0 收藏0
前端資源分享-只為更好前端

摘要：一團隊組織網站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術的研究騰訊社交用戶體驗設計，簡稱，騰訊設計團隊網站騰訊用戶研究與體驗設計部百度前端研發部出品淘寶前端團隊用技術為體驗提供無限可能凹凸實驗室京東用戶體驗設計部出品奇舞團奇虎旗下前一、團隊組織網站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術的研究 ISUX 騰...

zxhaaa 2019-08-22 16:11 評論0 收藏0