介紹 這是紅寶書(JavaScript高級程式設計 3版)的讀書筆記第二篇(基礎概念 軀殼篇),有著部分第三章的知識內容,當然其中還有我個人的理解。紅寶書這本書可以說是難啃的,要看完不容易,挺厚的,要看懂更不容易,要熟練js更是難,中間需要不斷的積累與重溫。因此不是讀一兩遍就能把這書吃透,需要多讀, ...
介紹
這是紅寶書(JavaScript高級程式設計 3版)的讀書筆記第二篇(基礎概念--軀殼篇),有著部分第三章的知識內容,當然其中還有我個人的理解。紅寶書這本書可以說是難啃的,要看完不容易,挺厚的,要看懂更不容易,要熟練js更是難,中間需要不斷的積累與重溫。因此不是讀一兩遍就能把這書吃透,需要多讀,可謂溫故而知新,可以為師矣。
很多人看這些厚的書都是三天打魚兩天曬網,很少能看下去,能記住的東西往往前3章的內容,所以我寫博客就是為了能和大家一起來讀這本書,一起學js。
溫馨提示:筆記言辭會有主觀色彩,知識重點記錄。博客內容為基礎,適合初學者。
正在轉到正題......
基本概念(軀殼篇)
首先要說的,JavaScript是一門高級語言,沒錯語言,語言就要有一定的語法,接地氣的講就像中文,中文也有一定的語法,比如怎樣書寫,一撇一划便形成漢字之美,這樣就寫出大家都懂得漢字。類似的JavaScript也有語法:
1.區分大小寫
- 在js中的一切,如變數,函數名,操作符等都區分大小寫。 如變數名為test 和 Test 是兩個不同的變數。
2.標識符(就是自己去定義的名稱,如變數,函數名,屬性名,參數等)
- 由字母,下劃線(_),美元符號($),和數字組成,且第一個字元不能以數字開頭。如
3Ta
這樣的命名是錯誤的。
- 命名方式建議使用駝峰式命名:如myFriend。
3.註釋
- 單行註釋
// 這是單行註釋
- 塊級(多行)註釋
/*
* 這是多行註釋
*/
4.嚴格模式
嚴格模式在ES5中加入,為了增強js代碼的安全性和消除js的一些不合理異常的行為。
啟動嚴格模式:
//在js中加入use strict 這條字元串 "use strict"
"use strict"加入的位置(哪裡想用加哪裡):
1.如果需要整個js腳本都使用嚴格模式就在腳本第一行加入這句話
2.如果在函數中使用嚴格模式就在函數內部第一行加入這句話。
5.關鍵字和保留字
這麼說吧,關鍵字和保留字都是一些特定的詞,這些詞不能在作為標識符使用,也就是你不能用來定義自己的東西,人家有申請專利。就像人家肯德基,你不能再取肯德基了吧,你最多來個肯基基是不是。
- 比如:if,else,do ,while,for ,break,var,let等等,還挺多,這個不用記,多敲代碼就自然而然知道了。
6.變數
js是一門弱類型語言,它不像java的強類型,對於每個數據類型的聲明都需要指出是什麼類型的數據。而js的變數聲明就用var這個操作符。
//聲明一個變數,它可以用來保存任何類型的值,此處沒對sum賦值,預設為undefined
var sum;
//聲明一個變數並賦值,此處賦值了字元串
var message = "hello javascript!";
//此處再對message這個變數賦值數字12,是允許的,不會報錯
message = 12;
註意點:
1.在沒有使用var聲明變數時,該變數是屬於全局變數。
function setAge(){
//沒有使用var定義,age為全局變數
age = 10;
}
//函數外部可以使用age
console.log(age); //10
2.在嚴格模式下,不使用var定義變數會報錯。
7.語句
7.1 概念:
到語句了,語句這裡ES給出定義:語句以一個分號結尾。這裡語句就像中文的一句話,中文以句號結尾。語句可長可短,只要能表達到意思能讓人明白意思,對於js語句就要讓其解析器明白。(分號可以省略,但是不建議省略分號,避免出現不必要的問題)。
例子:
//聲明語句
var sum = 1;
插插話:其實一個JavaScript的程式就是語句的集合,解析器一條條讀下來一條條解析,你想表達的機器知道了,就執行相應操作,最終做好一件事。是不是感覺寫個程式好比一篇理科生作文。
7.2 ECMA-262 規定了一組語句(流程語句)。
這裡規定的語句就像的是它給了一組句型你,你通過這些句型能夠更好來表達你的程式。看到這你會發現js和java的語法有些相似。
常用語句(句型)如下:
1.if語句(條件語句)
/*
*if語句模版
*如果if括弧condition值為true就執行if後面的代碼塊,否則執行else後面的代碼塊
*/
if(condition){
//do something
}
else{
//do something
}
2.do-while(迴圈語句)
/*
*do-while語句模版
*do會先執行一次其後面的代碼,如果while後面的expression條件為true就會繼續執行do後面的代碼塊
*/
do{
//do something
}while(expression)
3.while(迴圈語句)
/*
*while模版
*當expression條件為true則執行代碼塊里的代碼
*/
while(expression){
//do something
}
4.for迴圈語句
//模板
for(初始值,迴圈條件,一次迴圈後執行的代碼){
//do something
}
//for迴圈例子:
var count = 100;
for(var i = 0; i<count ; i++ ){
console.log(i);
}
5.break 與 continue
break 和 continue都是對迴圈語句進行精準的控制的語句,break表示中斷整個迴圈,而continue表示中斷此次迴圈下麵的代碼執行,並跳到下一次的迴圈。
//break例子
//代碼的輸出結果是在控制台輸出一個0後,結束運行。
var i=0;
while(i<10){
console.log(i);
i++;
break;
}
//continue例子
//每次遇到continue就會執行下一次迴圈,而continue後面的alert永遠不會被執行,所以控制台會輸出0-9,但是alert不會被執行。
var i =0;
while(i<10){
console.log(i);
i++;
continue;
alert(i);
}
6.switch
switch語句是一種判斷語句,通過輸入的內容來選擇對應的處理方式,用於有限種的判斷。
//switch例子
//根據i的值的不同而選擇對應的case,每個case後面應加上break作為終結,不然會繼續運行下去,直達遇到break。
switch(i){
case 1:
console.log(1);
break;
case 2:
console.log(2);
break;
case 3:
console.log(3);
break;
//default里代碼是當沒有以上case對應的值時執行,比如5
default:
alert("Other");
}
最後小結;
這次筆記,總結了js的基本概念的一部分,我命之為軀殼,為什麼說是軀殼,我們可以回顧一下,上面說的內容都是教人識字一樣,告訴你們怎麼寫字(標識符寫法,不能用關鍵字等規則),還有什麼是語句(就教你們認識了什麼是語句,給出的流程語句有哪些),給人感覺就是只有軀殼一樣,那麼下一篇便向其註入靈魂。
基本概念剩下一部分在下一篇靈魂篇(數據類型和操作符),我不喜歡寫太長的博客,太長會覺得冗腫,所以分開來寫了。敬請關註。分享這博客能希望大家一起學js,寫博客不易,每篇都費很多心思,如果覺得這篇博客寫得有點意思,就點個贊吧。
本文出自博客園:http://www.cnblogs.com/Ry-yuan/
作者:Ry
歡迎轉載,轉載請標明出處