一、前言 如果將前端比喻成一人,那麼Html就是這個人的骨骼脈絡,CSS則是這個人的身上的裝飾,JavaScript則是這個人的行為。作為一種腳本語言JavasSript具有著弱類型等特點。(在這裡我們要有一個明顯的認識JavasSript和Java是完全不同的兩種語言,他們之前一毛錢關係都沒有。之 ...
一、前言
如果將前端比喻成一人,那麼Html就是這個人的骨骼脈絡,CSS則是這個人的身上的裝飾,JavaScript則是這個人的行為。作為一種腳本語言JavasSript具有著弱類型等特點。(在這裡我們要有一個明顯的認識JavasSript和Java是完全不同的兩種語言,他們之前一毛錢關係都沒有。之所以名字類似只是因為推廣起來更加的容易)。
二、引入
如果說想要在短時間被精通一門語言這是不可能的一個事情,所以在此只是羅列了一些學習當中的比較重要的一些點。如果你想要10天精通JavasSript,建議你還是去問問世界上有沒有機械貓的記憶麵包。
三、重點內容
㈠ Js的書寫位置以及你以後用到的輸出五句話
Js的書寫位置一共有兩種一種是內聯式,另一種是外聯式
① 內聯式
② 外聯式 在項目文件中創建一個JS文件然後再頁面中導入就可以了(類比於css的導入)
當然不可少的就是下麵的五句話,也許這五句話可能充斥著你的整個Js代碼中
㈡ 變數的含義以及命名規則
這裡我想做一個比喻,變數就是是一張房卡它可以打開特定的房間從而存或取到我們想要的數據,而房間號就是內從中的地址。
那麼由於變數的名字是由我們自己及命名的所以他需要有一定的規範:
① 變數的命名必須是要以字幕或下劃線“_”或者$開始的。
② 變數可以包括字幕、數字、下劃線或者是$。
③ JavaScript嚴格區分字幕的大小寫age和Age是兩個不同的變數。
④ 建議在命名的時候要有意義,推薦使用的是駝峰命名法(即開始的第一個字母小寫,第二個單詞的首字母大寫)。
⑤ 禁止使用JavaScript中的保留字,保留字如下圖所示
㈢ +運算符的理解
+ 加號運算:
① 數字+數字的時候 得到兩個數字的和。
② 字元串 + 字元串 得到的結果是字元串相互拼接
③ 數字 + 字元串 得到的結果是字元串
㈣ 算術運算符
+ 加號運算:
① 數字+數字的時候 得到兩個數字的和。
② 字元串 + 字元串 得到的結果是字元串相互拼接。
③ 數字 + 字元串 得到的結果是字元串。
- 減號運算:
① 數字 - 數字 得到兩個數字的差。
② 字元串 - 字元串(數字):
ⅰ 以數字為內容的字元串相減 得到數字。
ⅱ不以數字為內容的字元串相減 得到NaN。
* 乘號運算:
① 數字 * 數字 得到兩個數字的乘積。
② 字元串 * 字元串 :
ⅰ 以數字為內容的字元串相乘 得到乘積。
ⅱ不以數字為內容的字元串相乘 得到NaN。
/ 乘號運算:
① 數字 / 數字 得到兩個數字的乘積。
② 字元串 / 字元串 :
ⅰ 以數字為內容的字元串相除 得到商。
ⅱ不以數字為內容的字元串相除 得到NaN。
%(取餘 求模)
就是得到餘數
() 提升計算的優先順序
㈤ 轉義符
① 格式:
用雙引號或者單引號包起來的都是字元串
② 轉義字元
\
\' 單引號
\" 雙引號
\\ 反斜杠
\n 換行
\r 回車
㈥ 符合賦值、關係運算符、邏輯運算符
① 賦值運算符
// 複合賦值運算符 var a = 100; // a = a+5; a+=5; // a = a+5; console.log(a);
② 關係運算符
關係運算算符用來描述事物兩者之間的關係
> < >= <= == != === !==
③ 邏輯運算符
& 兩真才真,一假就假
||
!=
㈦ 數據的類型轉換
①轉化為數字類型
ⅰNumber()函數
var a = "123"; var b = true; console.log(Number(a)); // 123 console.log(Number(true)); // 1 console.log(Number(null)); // 0 console.log(Number(undefined)); // NaN console.log(Number("123.456")); // 123.456 console.log(Number(" ")); //0
a.如果轉換的內容可以轉成數字,那麼就直接返回這個內容對應的數字。
b.將整體進行轉換,如果有一個不可以轉換那麼返回NaN.
c.如果在內容中出現小數,那麼小數會保留,也會輸出小數。
d.如果內容為空(null),那麼轉換成0;
ⅱ 隱式轉換 + - * / %
ⅲ 強制轉換 使用外部的方法或是函數進行的數據轉換
Number() parseInt() parseFloat()
② 轉化為字元串類型
萬物皆對象,JS中的對象幾乎都有toString(); null,undefined是沒有toString()方法,如果要強制轉換的話,只能使用String(); 能用toString()轉換的對象,對String()都可以
ⅰ 隱式類型轉換 +“”
ⅱ 強制類型 toString() String();
③ 轉化boolean類型
ⅰ 隱式類型 !!
ⅱ 強制類型 Boolean()
數據類型轉boolean的時候,為false的情況:0, “”,null,undefined,NaN, 這些轉成boolean類型的時候都為false,其它的都為true;
④ NaN number類型
NaN 是數字類型的一種,代表數字的一種不正常的狀態,也就是說,本來可以轉換成數字或是參與運算的變數,並沒有轉換過來,這個時候就報一個NaN,這樣就避免了程式報錯。NaN是非常特殊 的,特殊到凡是與NaN進行的運算,最終結果都是NaN,更特殊的是,NaN與誰都不相等,包括自己。isNaN() 用於判斷非數字。
㈧ JS中的語言結構
① 順序結構
② 分支結構 if if-else
③ 選擇結構 if else-if else-if ...else swicth-case
④ 迴圈結構 while do-while for for-in
四、總結
今天的內容看起來十分的瑣碎以及複雜,所以在有限的時間里應該儘可能的去練習以提高自己的能力。沒辦法入門都是這樣的。