国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > JS > 正文

javascript每日必學之基礎入門

2024-05-06 16:28:23
字體:
來源:轉載
供稿:網(wǎng)友
javascript每日必學之基礎入門,從了解javascript開始,一步一步地進階到大神境界,想要成為javascript大神的朋友不要錯過,閱讀一下
 

        從今天開始,我將帶領新朋友們,從了解javascript開始,一步一步地進階到大神境界,別的不廢話,現(xiàn)在開始,我們就一點一點地從入門階段開始。

  我們還是介紹一下javascript的身世,不然,大家會對javascript存在非常大的誤解,它的產(chǎn)生歷史,我們就過于多說,我也記不住,上學開始歷史也沒及過格

  js與我們經(jīng)常用來開發(fā)后臺程序的java語言不是什么親戚,他們的使用范圍也是相差非常遠,js只是用在html,用來對document節(jié)點進行增刪改查,構建與服務器通訊的一種解釋性語言而已,這只是最簡單的理解,后面我們來對javascript進行詳細深入的學習,好了,我們就從語法開始,雖然,我說了不再廢話,但是,我感覺我仍然還是這么啰嗦,好了,大家也不要介意,想修煉成大神的朋友們,也請忍耐一下我這習慣。

  還得聲明一點,看此文章的人,默認是有HTML基礎的朋友如果連下面的代碼還不理解的人,就請先理解之后,再來修煉,獨門秘笈也不是一般人能夠修煉的,萬一走火入魔了呢,怎么辦?

<!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>

  這樣的代碼,大家就應該很熟悉了吧,我還得說一點的就是,script標簽跟大家在課本上面看到的寫法不一樣,我是寫在body標簽里面,而且還是寫在body標簽最后面,這是因為網(wǎng)頁的加載順序,是從上往下,按節(jié)點渲染,資源也是從上往下,逐個加載,至于資源響應速度,就與服務器和當前的訪問情況而論了,這是題外話了。頁面從上向往下逐個渲染到script標簽時候,就開始解析javascript代碼,如果javascript代碼存在對document節(jié)點有操作的情況,那么,它才能正確地得到節(jié)點對象,不然,就會存在代碼執(zhí)行出錯的風險。所以我們的script標簽就沒有寫在head標簽里面。

  我們再來看一下語法,我們先用程序入門的方式進行講解,不然,直接操作document節(jié)點,某些朋友可能會接受不了,說到程序,大家后面還得接觸OOP,所以我們現(xiàn)在講 類,函數(shù),變量,如果你覺得陌生,不要怕,我曾經(jīng)也是這樣,但是,逐漸地我就能理解了,相信你也一樣,在javascript里面,類和函數(shù)有互相轉化的概念,所以還存在很多理解上問題,所以我決定,就從函數(shù)開始講,先不讓大家接觸類的概念

function WriteMyName(){      console.log("My name is MrDream");    }    WriteMyName();

 javascript每日必學之基礎入門

我這是用chrome瀏覽器,按一下F12,進入console面板,對代碼進行調試,大家也要習慣用這個瀏覽器,后面大家看我調試的多了,大家也會喜歡上這款瀏覽器,自然也會習慣用它來進行代碼調試。

前面我用function關鍵字聲明了一個函數(shù)WriteMyName,在方法體里面我只寫了一句簡單的console.log("My name is MrDream"),然后,直接用函數(shù)名加一個括號

WriteMyName(),這樣就可以執(zhí)行前面的函數(shù)體里面的內容了,里面的內容就是,打印一句話,打印的內容是My name is MrDream,現(xiàn)在大家只要明白 console.log就是打印的意思就行了。

  簡單小結一下函數(shù)體聲明語法  function 函數(shù)名(){函數(shù)體}

  下面我們再來看一下,帶參數(shù)的函數(shù)

function WriteMyName(_your_name){      console.log(_your_name);    }    WriteMyName("My name is MrDream");

javascript每日必學之基礎入門

  現(xiàn)在聲明的函數(shù)跟前面的函數(shù)區(qū)別就是,打印的內容是用參數(shù)形式進行傳遞,那么帶的好處就是,我們之前調用WriteMyName()的時候,只是打印里面固定的內容,然而現(xiàn)在,我們就可以這樣寫WriteMyName("馬大哈"),一對雙引號里面寫入任意一個名字,我們就可以打印出來了,是不是更方便了啊,我們再來看一下

javascript每日必學之基礎入門

靈活性就比之前的高多了,我們可以給函數(shù)體傳遞任意的字符串名字了,大家記住了,字符串,一定要帶上外面的一對引號,不然,會出錯,目前的你還不能理解,這是為什么,接下來,我們會繼續(xù)講變量的聲明,首先,我們得理解,變量是什么,變量的作用

var five = 5;var six = 6;    function add(){  console.log(five+six);}

  我們同樣是使用函數(shù)名+括號進行函數(shù)調用 add(),我們來看一下效果

javascript每日必學之基礎入門

  函數(shù)體里面仍然是一句打印語句,打印的結果是11,5+6=11,沒有錯吧,如果我們要做其他值的加法,怎么辦呢?是不是要修改變量呢,對了,前面的var就是用來聲明變量的關鍵字,我們聲明了一個five和一個six,并且給他們賦值,然后,打印這兩個變量相加。

  是不是覺得我們每次想打印的時候,都要修改函數(shù)體里面的變量,這樣就很麻煩了,那們我們來試一個傳遞參數(shù)的函數(shù)

var five = 5;var six = 6;    function add(num1,num2){  console.log(num1+num2);}    add(five,six);

javascript每日必學之基礎入門

我們在函數(shù)num1,num2處的位置分別傳入了變量five,six同樣打印出來正確的結果,這樣,我們就可以方便地傳入其他的值了

javascript每日必學之基礎入門

現(xiàn)在看一下,我們可以傳入變量,也可以傳入數(shù)字,正負均可,如果需要使用不固定的值在函數(shù)體進行計算的時候,我們就需要把這個函數(shù)寫在帶參數(shù)的函數(shù)。

  總結一下,我們今天學會了什么?

  第一,javascript是用來干什么的

  第二,javsscript代碼放在頁面的什么位置最合適

  第三,變量的聲明,用什么關鍵字

  第四,我們學會了函數(shù)的聲明(帶參數(shù),不帶參數(shù),帶參數(shù)的原因),用什么關鍵字

哈哈 離大神又更近了一步,希望大家再接再厲,堅持下去,一定會有所收獲。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 永济市| 陇南市| 聊城市| 阜城县| 乐陵市| 香港| 宜丰县| 徐州市| 都江堰市| 遂川县| 康保县| 交城县| 博乐市| 辰溪县| 屏南县| 松潘县| 德安县| 桓台县| 嵩明县| 山东| 嵊州市| 会同县| 龙里县| 永济市| 平顺县| 阳原县| 体育| 满城县| 保亭| 长宁区| 吉安市| 营口市| 库车县| 青海省| 宁德市| 浪卡子县| 安徽省| 昌都县| 德江县| 兰溪市| 云安县|