需要具備的知識

在繼續(xù)學習之前，你需要對下面的知識有基本的了解：

• HTML / XHTML

什么是 CSS?

• CSS 指層疊樣式表 (Cascading Style Sheets)

• 樣式定義如何顯示 HTML 元素

• 樣式通常存儲在樣式表中

• 把樣式添加到 HTML 4.0 中，是為了解決內(nèi)容與表現(xiàn)分離的問題

• 外部樣式表可以極大提高工作效率

• 外部樣式表通常存儲在 CSS 文件中

• 多個樣式定義可層疊為一

CSS 實例

一個HTML文檔可以顯示不同的樣式: 查看CSS是如何工作的

樣式解決了一個很大的問題

HTML 標簽原本被設計為用于定義文檔內(nèi)容，如下實例：

<h1>這是一個標題</h1>

<p>這是一個段落.</p>

樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。

為了解決這個問題，萬維網(wǎng)聯(lián)盟（W3C），這個非營利的標準化聯(lián)盟，肩負起了 HTML 標準化的使命，并在 HTML 4.0 之外創(chuàng)造出樣式（Style）。

當代瀏覽器都支持 CSS .

CSS 樣式表極大地提高了工作效率

樣式表定義如何顯示 HTML 元素

樣式表定義如何顯示 HTML 元素，就像 HTML 3.2 的字體標簽和顏色屬性所起的作用那樣。樣式通常保存在外部的 .css 文件中。通過僅僅編輯一個簡單的 CSS 文檔，外部樣式表使你有能力同時改變站點中所有頁面的布局和外觀。

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

JavaScript 使用關鍵字 function 定義函數(shù)。

函數(shù)可以通過聲明定義，也可以是一個表達式。

函數(shù)聲明

在之前的教程中，你已經(jīng)了解了函數(shù)聲明的語法 :

function functionName(parameters) {

執(zhí)行的代碼

}

函數(shù)聲明后不會立即執(zhí)行，會在我們需要的時候調(diào)用到。

實例

function myFunction(a, b) {

return a * b;

}

函數(shù)表達式

JavaScript 函數(shù)可以通過一個表達式定義。

函數(shù)表達式可以存儲在變量中：

實例

var x = function (a, b) {return a * b};

在函數(shù)表達式存儲在變量后，變量也可作為一個函數(shù)使用：

實例

var x = function (a, b) {return a * b};

var z = x(4, 3);

以上函數(shù)實際上是一個 匿名函數(shù) (函數(shù)沒有名稱)。

函數(shù)存儲在變量中，不需要函數(shù)名稱，通常通過變量名來調(diào)用。

Function() 構(gòu)造函數(shù)

在以上實例中，我們了解到函數(shù)通過關鍵字 function 定義。

函數(shù)同樣可以通過內(nèi)置的 JavaScript 函數(shù)構(gòu)造器（Function()）定義。

實例

var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);

實際上，你不必使用構(gòu)造函數(shù)。上面實例可以寫成：

實例

var myFunction = function (a, b) {return a * b}

var x = myFunction(4, 3);

函數(shù)提升（Hoisting）

在之前的教程中我們已經(jīng)了解了 "hoisting(提升)"。

提升（Hoisting）是 JavaScript 默認將當前作用域提升到前面去的的行為。

提升（Hoisting）應用在變量的聲明與函數(shù)的聲明。

因此，函數(shù)可以在聲明之前調(diào)用：

myFunction(5);

function myFunction(y) {

return y * y;

}

使用表達式定義函數(shù)時無法提升。

自調(diào)用函數(shù)

函數(shù)表達式可以 "自調(diào)用"。

自調(diào)用表達式會自動調(diào)用。

如果表達式后面緊跟 () ，則會自動調(diào)用。

不能自調(diào)用聲明的函數(shù)。

通過添加括號，來說明它是一個函數(shù)表達式：

實例

(function () {

var x = "Hello!!"; // 我將調(diào)用自己

})();

以上函數(shù)實際上是一個 匿名自我調(diào)用的函數(shù) (沒有函數(shù)名)。

函數(shù)可作為一個值使用

JavaScript 函數(shù)作為一個值使用：

實例

function myFunction(a, b) {

return a * b;

}

var x = myFunction(4, 3);

JavaScript 函數(shù)可作為表達式使用：

實例

function myFunction(a, b) {

return a * b;

}

var x = myFunction(4, 3) * 2;

函數(shù)是對象

在 JavaScript 中使用 typeof 操作符判斷函數(shù)類型將返回 "function" 。

但是JavaScript 函數(shù)描述為一個對象更加準確。

JavaScript 函數(shù)有 屬性 和 方法。

arguments.length 屬性返回函數(shù)調(diào)用過程接收到的參數(shù)個數(shù)：

實例

function myFunction(a, b) {

return arguments.length;

}

toString() 方法將函數(shù)作為一個字符串返回:

實例

function myFunction(a, b) {

return a * b;

}

var txt = myFunction.toString();

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！