javascript每日必學(xué)之基礎(chǔ)入門
從今天開始，我將帶領(lǐng)新朋友們，從了解javascript開始，一步一步地進(jìn)階到大神境界，別的不廢話，現(xiàn)在開始，我們就一點(diǎn)一點(diǎn)地從入門階段開始。
我們還是介紹一下javascript的身世，不然，大家會對javascript存在非常大的誤解，它的產(chǎn)生歷史，我們就過于多說，我也記不住，上學(xué)開始?xì)v史也沒及過格
js與我們經(jīng)常用來開發(fā)后臺程序的java語言不是什么親戚，他們的使用范圍也是相差非常遠(yuǎn)，js只是用在html，用來對document節(jié)點(diǎn)進(jìn)行增刪改查，構(gòu)建與服務(wù)器通訊的一種解釋性語言而已，這只是最簡單的理解，后面我們來對javascript進(jìn)行詳細(xì)深入的學(xué)習(xí)，好了，我們就從語法開始，雖然，我說了不再廢話，但是，我感覺我仍然還是這么啰嗦，好了，大家也不要介意，想修煉成大神的朋友們，也請忍耐一下我這習(xí)慣。
還得聲明一點(diǎn)，看此文章的人，默認(rèn)是有HTML基礎(chǔ)的朋友如果連下面的代碼還不理解的人，就請先理解之后，再來修煉，獨(dú)門秘笈也不是一般人能夠修煉的，萬一走火入魔了呢，怎么辦？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title></title>
</head>
<body>
<h1>javascript大神修煉記</h1>
<div>………………</div>
<script type="text/javascript">
function MyFun(){
……
}
</script>
</body>
</html>
這樣的代碼，大家就應(yīng)該很熟悉了吧，我還得說一點(diǎn)的就是，script標(biāo)簽跟大家在課本上面看到的寫法不一樣，我是寫在body標(biāo)簽里面，而且還是寫在body標(biāo)簽最后面，這是因為網(wǎng)頁的加載順序，是從上往下，按節(jié)點(diǎn)渲染，資源也是從上往下，逐個加載，至于資源響應(yīng)速度，就與服務(wù)器和當(dāng)前的訪問情況而論了，這是題外話了。頁面從上向往下逐個渲染到script標(biāo)簽時候，就開始解析javascript代碼，如果javascript代碼存在對document節(jié)點(diǎn)有操作的情況，那么，它才能正確地得到節(jié)點(diǎn)對象，不然，就會存在代碼執(zhí)行出錯的風(fēng)險。所以我們的script標(biāo)簽就沒有寫在head標(biāo)簽里面。
我們再來看一下語法，我們先用程序入門的方式進(jìn)行講解，不然，直接操作document節(jié)點(diǎn)，某些朋友可能會接受不了，說到程序，大家后面還得接觸OOP，所以我們現(xiàn)在講 類，函數(shù)，變量，如果你覺得陌生，不要怕，我曾經(jīng)也是這樣，但是，逐漸地我就能理解了，相信你也一樣，在javascript里面，類和函數(shù)有互相轉(zhuǎn)化的概念，所以還存在很多理解上問題，所以我決定，就從函數(shù)開始講，先不讓大家接觸類的概念
function WriteMyName(){
console.log("My name is MrDream");
}
WriteMyName();
我這是用chrome瀏覽器，按一下F12，進(jìn)入console面板，對代碼進(jìn)行調(diào)試，大家也要習(xí)慣用這個瀏覽器，后面大家看我調(diào)試的多了，大家也會喜歡上這款瀏覽器，自然也會習(xí)慣用它來進(jìn)行代碼調(diào)試。
前面我用function關(guān)鍵字聲明了一個函數(shù)WriteMyName，在方法體里面我只寫了一句簡單的console.log("My name is MrDream")，然后，直接用函數(shù)名加一個括號
WriteMyName()，這樣就可以執(zhí)行前面的函數(shù)體里面的內(nèi)容了，里面的內(nèi)容就是，打印一句話，打印的內(nèi)容是My name is MrDream，現(xiàn)在大家只要明白 console.log就是打印的意思就行了。
簡單小結(jié)一下函數(shù)體聲明語法 function 函數(shù)名(){函數(shù)體}
下面我們再來看一下，帶參數(shù)的函數(shù)
function WriteMyName(_your_name){
console.log(_your_name);
}
WriteMyName("My name is MrDream");
現(xiàn)在聲明的函數(shù)跟前面的函數(shù)區(qū)別就是，打印的內(nèi)容是用參數(shù)形式進(jìn)行傳遞，那么帶的好處就是，我們之前調(diào)用WriteMyName()的時候，只是打印里面固定的內(nèi)容，然而現(xiàn)在，我們就可以這樣寫WriteMyName("馬大哈")，一對雙引號里面寫入任意一個名字，我們就可以打印出來了，是不是更方便了啊，我們再來看一下
靈活性就比之前的高多了，我們可以給函數(shù)體傳遞任意的字符串名字了，大家記住了，字符串，一定要帶上外面的一對引號，不然，會出錯，目前的你還不能理解，這是為什么，接下來，我們會繼續(xù)講變量的聲明，首先，我們得理解，變量是什么，變量的作用
var five = 5;
var six = 6;
function add(){
console.log(five+six);
}
我們同樣是使用函數(shù)名+括號進(jìn)行函數(shù)調(diào)用 add()，我們來看一下效果
函數(shù)體里面仍然是一句打印語句，打印的結(jié)果是11，5+6=11，沒有錯吧，如果我們要做其他值的加法，怎么辦呢？是不是要修改變量呢，對了，前面的var就是用來聲明變量的關(guān)鍵字，我們聲明了一個five和一個six,并且給他們賦值，然后，打印這兩個變量相加。
是不是覺得我們每次想打印的時候，都要修改函數(shù)體里面的變量，這樣就很麻煩了，那們我們來試一個傳遞參數(shù)的函數(shù)
var five = 5;
var six = 6;
function add(num1,num2){
console.log(num1+num2);
}
add(five,six);
我們在函數(shù)num1,num2處的位置分別傳入了變量five,six同樣打印出來正確的結(jié)果，這樣，我們就可以方便地傳入其他的值了
現(xiàn)在看一下，我們可以傳入變量，也可以傳入數(shù)字，正負(fù)均可，如果需要使用不固定的值在函數(shù)體進(jìn)行計算的時候，我們就需要把這個函數(shù)寫在帶參數(shù)的函數(shù)。
總結(jié)一下，我們今天學(xué)會了什么？
第一，javascript是用來干什么的
第二，javsscript代碼放在頁面的什么位置最合適
第三，變量的聲明，用什么關(guān)鍵字
第四，我們學(xué)會了函數(shù)的聲明（帶參數(shù)，不帶參數(shù)，帶參數(shù)的原因），用什么關(guān)鍵字
哈哈 離大神又更近了一步，希望大家再接再厲，堅持下去，一定會有所收獲。
相關(guān)文章
bootstrap datepicker限定可選時間范圍實現(xiàn)方法
這篇文章主要介紹了bootstrap datepicker限定可選時間范圍的實現(xiàn)方法，本文涉及到相關(guān)知識點(diǎn)，通過實例給大家介紹的非常詳細(xì),需要的朋友可以參考下2016-09-09
這篇文章主要介紹了JS取得絕對路徑的實現(xiàn)代碼,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了原生JavaScript實現(xiàn)瀑布流布局的相關(guān)資料,實現(xiàn)鼠標(biāo)下拉圖片自動加載效果，和百度圖片效果類似，需要的朋友可以參考下2016-01-01
Javascript 多物體運(yùn)動的實現(xiàn)
這篇文章主要介紹了Javascript 多物體運(yùn)動的實現(xiàn),需要的朋友可以參考下2014-12-12
JavaScript實現(xiàn)郵箱地址自動匹配功能代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)E-mail郵箱地址自動匹配功能代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11![javascript typeof的用法與typeof運(yùn)算符介紹[詳細(xì)]](http://img.jbzj.com/images/xgimg/bcimg5.png)
javascript typeof的用法與typeof運(yùn)算符介紹[詳細(xì)]
下面是對于typeof運(yùn)算符的詳細(xì)介紹跟typeof的一些用法，分析，學(xué)習(xí)typeof的朋友，看完了，這篇應(yīng)該能有所收獲。2008-10-10
size（）函數(shù)用來獲取矩陣的行數(shù)和列數(shù)。接下來通過本文給大家介紹matlab中size()函數(shù)的用法，需要的朋友一起學(xué)習(xí)吧2016-03-03
下面小編就為大家?guī)硪黄猨s獲取元素下的第一級子元素的方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
JavaScript使用lodash實現(xiàn)命名轉(zhuǎn)換和函數(shù)封裝
Lodash?是一個?JavaScript?的工具庫,它提供了一系列的函數(shù)來簡化代碼編寫,本文主要為大家介紹了如何使用lodash實現(xiàn)命名轉(zhuǎn)換和函數(shù)封裝,感興趣的小伙伴可以了解下2023-11-11
jq.ajax+php+mysql實現(xiàn)關(guān)鍵字模糊查詢(示例講解)
下面小編就為大家分享一篇jq.ajax+php+mysql實現(xiàn)關(guān)鍵字模糊查詢(示例講解)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01