JS培訓—參加JavaScript培訓需要學什么基???

  本文是參加JavaScript培訓學習的內容簡介,介紹些基礎知識,包括js基本概念、 JScript 的變量、js的數據類型、3.JScript 的運算符、js流程控制、js函數。有需要的朋友可以參考下


基本概念

javascript是一門解釋型的語言,瀏覽器充當解釋器。
js執行引擎并不是一行一行的執行,而是一段一段的分析執行。

延遲腳本

HTML4.0.1中定義了defer屬性,它的用途是表明腳本在執行時不會影響頁面的構造。也就是說,腳本會延遲到整個頁面都解析完畢后再執行。因此,在<script>元素中設置defer屬性,相當于告訴瀏覽器立即下載,但延遲執行。在XHTML文檔中,要把defer屬性設置為defer=“defer"

異步腳本

html5<script>定義了async屬性。整個屬性與defer屬性類似,都用于改變處理腳本的行為。同樣,與defer類似,async只適用于外部腳本文件,并告訴瀏覽器立即下載文件。但與defer不同的是,標記為async的腳本并不保證按照指定他們的先后順序執行。
指定async的目的是不讓頁面等待腳本文件下載和執行,從而異步加載頁面其他內容。因此,建議異步腳本不要再加載期間操作DOM

區分大小寫

ECMASCript中的一切(包括變量,函數名和操作符)都區分大小寫。

1. JScript 的變量

變量在第一次用到時就設置于內存中,便于后來在腳本中引用。使用變量之前先進行聲明??梢允褂?/span> var 關鍵字來進行變量聲明。

var count, amount, level; // 用單個 var 關鍵字聲明的多個聲明。

變量命名

變量名包括全局變量,局部變量,類變量,函數參數等等,他們都屬于這一類。

變量命名都以類型前綴+有意義的單詞組成,用駝峰式命名法增加變量和函式的可讀性。例如:sUserName,nCount。

前綴規范:
每個局部變量都需要有一個類型前綴,按照類型可以分為:

?

1

2

3

4

5

6

7

8

s:表示字符串。例如:sName,sHtml;

n:表示數字。例如:nPage,nTotal;

b:表示邏輯。例如:bChecked,bHasLogin;

a:表示數組。例如:aList,aGroup;

r:表示正則表達式。例如:rDomain,rEmail;

f:表示函數。例如:fGetHtml,fInit;

o:表示以上未涉及到的其他對象,例如:oButton,oDate;

g:表示全局變量,例如:gUserName,gLoginTime;

JScript 是一種區分大小寫的語言。創建合法的變量名稱應遵循如下規則:

注意第一個字符不能是數字。
后面可以跟任意字母或數字以及下劃線,但不能是空格
變量名稱一定不能是 保留字。

javascript是一種弱類型語言,JavaScript 會忽略多余的空格。您可以向腳本添加空格,來提高其可讀性。

varjavascript的保留字,表明接下來是變量說明,變量名是用戶自定義的標識符,變量之間用逗號分開。

如果聲明了一個變量但沒有對其賦值,該變量存在,其值為Jscript 值 undefined。

強制類型轉換

Jscript 中,可以對不同類型的值執行運算,不必擔心 JScript 解釋器產生異常。相反,JScript 解釋器自動將數據類型之一改變(強制轉換)為另一種數據類型,然后執行運算。例如:

?

1

2

3

4

5

運算 結果

 

數值與字符串相加  將數值強制轉換為字符串。

布爾值與字符串相加  將布爾值強制轉換為字符串。

數值與布爾值相加  將布爾值強制轉換為數值。

要想顯式地將字符串轉換為整數,使用 parseInt 方法。要想顯式地將字符串轉換為數字,使用 parseFloat 方法。

JavaScript 變量的生存期:當您在函數內聲明了一個變量后,就只能在該函數中訪問該變量。當退出該函數后,這個變量會被撤銷。這種變量稱為本地變量。您可以在不同的函數中使用名稱相同的本地變量,這是因為只有聲明過變量的函數能夠識別其中的每個變量。
如果您在函數之外聲明了一個變量,則頁面上的所有函數都可以訪問該變量。這些變量的生存期從聲明它們之后開始,在頁面關閉時結束。


2.js的數據類型

jscript 有三種->主要數據類型、兩種->復合數據類型和兩種->特殊數據類型。

主要(基本)數據類型

字符串數值布爾

復合(引用)數據類型

對象數組

特殊數據類型

 Null`Undefined`

字符串數據類型:字符串數據類型用來表示 JScript 中的文本。在js中,雖然雙引號("")和單引號('')均可表示字符串,而且它們幾乎沒有任何區別。但只使用雙引號("")來表示字符串被認為是最佳的。

一個字符串值是排在一起的一串零或零以上的 Unicode 字符(字母、數字和標點符號)。

什么是Unicode?

Unicode為每個字符都提供了唯一的數值,不管是什么平臺、什么程序或什么語言??nicode是為了給處理世界上存在的所有字符提供統一的編碼。

數值數據類型

我們需要明白一點,JScript 內部將所有的數值表示為浮點值,因此,在 Jscript 中整數和浮點值沒有差別。

Boolean數據類型

布爾(邏輯)只能有兩個值:true 或 false。

js數組和對象

詳情看我這篇文章->javascript學習總結— —數組和對象部分

Null 數據類型:可以通過給一個變量賦 null 值來清除變量的內容。

Jscript中 typeof 運算符將報告 null 值為 Object 類型,而非類型 null。

?

1

2

3

4

5

6

7

8

9

10

11

<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en">

<head>

  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

 <title></title>

 <script type="text/javascript">

   alert(typeof null);

 </script>

</head>

<body>

</body>

</html>

null用來表示尚未存在的對象,常用來表示函數企圖返回一個不存在的對象。

Undefined 數據類型:

如下情況將返回 undefined 值:

對象屬性不存在,聲明了變量但從未賦值。

null和undefined的區別

?

1

2

3

alert(typeof undefined); //output "undefined"

alert(typeof null); //output "object"

alert(null == undefined); //output "true"

ECMAScript認為undefined是從null派生出來的,所以把它們定義為相等的。

?

1

2

alert(null === undefined); //output "false"

alert(typeof null == typeof undefined); //output "false"

null與undefined的類型是不一樣的,所以輸出"false"。而===代表絕對等于,在這里null === undefined輸出false


 

另外,這里介紹一種比較重要的數據類型——引用數據類型

引用數據類型

javascript引用數據類型是保存在堆內存中的對象,JavaScript不允許直接訪問堆內存空間中的位置和操作堆內存空間,只能通過操作對象在棧內存中的引用地址。所以引用類型的數據,在棧內存中保存的實際上是對象在堆內存中的引用地址。通過這個引用地址可以快速查找到保存在堆內存中的對象。

下面我們來演示這個引用數據類型賦值過程

 

自然,給obj2添加name屬性,實際上是給堆內存中的對象添加了name屬性,obj2和obj1在棧內存中保存的只是堆內存對象的引用地址,雖然也是拷貝了一份,但指向的對象卻是同一個。故而改變obj2引起了obj1的改變。

基本類型值指的是那些保存在棧內存中的簡單數據段,即這種值完全保存在內存中的一個位置。

而引用類型值則是指那些保存在堆內存中的對象,即變量中保存的實際上只是一個指針,這個指針指向內存中的另一個位置,該位置保存對象。

簡而言之,堆內存存放引用值,棧內存存放固定類型值。 

 

 ECMAScript 中,變量可以存在兩種類型的值,即原始值和引用值。
原始值存儲在棧(stack)中的簡單數據段,也就是說,它們的值直接存儲在變量訪問的位置。引用值存儲在堆(heap)中的對象,也就是說,存儲在變量處的值是一個指針(point),指向存儲對象的內存處。

?

1

2

3

4

5

6

<script type="text/javascript”>

var box = new Object(); //創建一個引用類型

var box = "lee";  //基本類型值是字符串

box.age = 23;  //基本類型值添加屬性很怪異,因為只有對象才可以添加屬性。

alert(box.age); //不是引用類型,無法輸出;

</script>

3.JScript 的運算符

優先級:指運算符的運算順序,通俗的說就是先計算哪一部分。
結合性:同一優先級運算符的計算順序,通俗的說就是從哪個方向算起,是左到右還是右到左。

數據類型轉換

String() 轉換為字符串類型
Number() 轉換為數字類型
Boolean() 轉換為布爾類型

parseInt:將字符串轉換為整數。從字符串的開頭開始解析,在第一個非整數的位置停止解析,并返回前面讀到所有的整數。如果字符串不是以整數開頭的,將返回NaN。如:parseInt(“150 hi”)返回的值是:150,parseInt("hi")返回的值是:NaN。
parseFloat:將字符串轉換為浮點數。 從字符串的開頭開始解析,在第一個非整數的位置停止解析,并返回前面讀到所有的整數。如果字符串不是以整數開頭的,將返回NaN。如:parseFloat("15.5 hi") 返回的值是:15.5,parseFloat("hi 15.5")返回的值是:NaN。

eval:將字符串作為javascript表達式進行計算,并返回執行結果,如果沒有結果則返回undefined。

 

4.js流程控制

對于js流程控制語句,這里只講幾個比較難懂的。其他不贅述。等下附上一張思維導圖。
1.for...in 語句對應于一個對象的每個,或一個數組的每個元素,執行一個或多個語句。

?

1

2

for (variable in [object | array])

statements

參數:

variable:必選項。一個變量,它可以是 object 的任一屬性或 array 的任一元素。
objectarray:可選項。要在其上遍歷的對象或數組。
statement:可選項。相對于 object 的每個屬性或 array 的每個元素,都要被執行的一個或多個語句??梢允歉春嫌錁?。

雖然條件控制語句(如if語句)只在執行多條語句的情況下才要求使用代碼塊(左花括號"{"開頭,右花括號"}"結尾),但最佳實踐是始終使用代碼塊。

?

1

2

3

4

5

6

if(args)

  alert(args);//容易出錯

 

if(args){

  alert(args);//推薦使用

}


5.js函數

函數是由事件驅動的或者當它被調用時執行的可重復使用的代碼塊。

Jscript 支持兩種函數:一類是語言內部的函數,另一類是自己創建的。
JavaScript 函數允許沒有參數(但包含參數的小括號不能省略),也可以向函數傳遞參數供函數使用。

更多關于函數的知識請訪問我的另一篇文章:javascript學習大總結(四)function函數部分

對象的組成

?

1

2

方法——函數:過程、動態的

屬性——變量:狀態、靜態的


上一篇: Flash廣告遭Google正式摒棄, 明年將改用H5技術

下一篇: JS培訓—為什么要學習JavaScript 的7個理由

分享到: 更多
重庆时时开奖预测软件 北京pk赛车是正规的吗 百人牛牛压注技巧 最新时时彩平台排行榜 重庆时时单双在线计划 有什么pk10的计软件 高频彩怎么玩稳赚 双色球输入号码查询器 助赢计划软件app 必中彩票计划软件 广东11选五计划软件下载 长春11选五5开奖结果走势图 2018炸金花下载大全 重庆时时彩和新时时彩 pk10软件计划安卓版 神奇的公式庄闲庄庄闲