javascript每日必學基礎入門_javascript技巧-js教程-PHP中文網

首頁

web前端

js教程

javascript每日必學基礎入門_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

May 16, 2016 pm 03:15 PM

javascript

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

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

　　js與我們常用來開發後台程式的java語言不是什麼親戚，他們的使用範圍也是相差非常遠，js只是用在html，用來對document節點進行增刪改查，構建與伺服器通訊的一種解釋性語言而已，這只是最簡單的理解，後面我們來對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 id="javascript大神修炼记">javascript大神修炼记</h1>
  <div>………………</div>
  <script type="text/javascript">
    function MyFun(){
      ……
    }
  </script>
</body>
</html>

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

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

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

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

前面我用function關鍵字宣告了一個函數WriteMyName，在方法體裡面我只寫了一句簡單的console.log("My name is MrDream")，然後，直接用函數名稱加一個括號

WriteMyName()，這樣就可以執行前面的函數體裡面的內容了，裡面的內容就是，打印一句話，打印的內容是My name is MrDream，現在大家只要明白console.log就是打印的意思就行了。

　　簡單小結一下函數體宣告語法 function 函數名稱(){函數體}

　　下面我們再來看一下，帶參數的函數

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

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

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

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

　　我们同样是使用函数名+括号进行函数调用 add()，我们来看一下效果

　　函数体里面仍然是一句打印语句，打印的结果是11，5+6=11，没有错吧，如果我们要做其他值的加法，怎么办呢？是不是要修改变量呢，对了，前面的var就是用来声明变量的关键字，我们声明了一个five和一个six,并且给他们赋值，然后，打印这两个变量相加。

　　是不是觉得我们每次想打印的时候，都要修改函数体里面的变量，这样就很麻烦了，那们我们来试一个传递参数的函数

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

我们在函数num1,num2处的位置分别传入了变量five,six同样打印出来正确的结果，这样，我们就可以方便地传入其他的值了

现在看一下，我们可以传入变量，也可以传入数字，正负均可，如果需要使用不固定的值在函数体进行计算的时候，我们就需要把这个函数写在带参数的函数。

　　总结一下，我们今天学会了什么？

　　第一，javascript是用来干什么的

　　第二，javsscript代码放在页面的什么位置最合适

　　第三，变量的声明，用什么关键字

　　第四，我们学会了函数的声明（带参数，不带参数，带参数的原因），用什么关键字

哈哈离大神又更近了一步，希望大家再接再厉，坚持下去，一定会有所收获。

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

JavaScript和Web：核心功能和用例Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互；2)在用戶提交數據前進行客戶端驗證，提高用戶體驗；3)通過AJAX技術實現與服務器的無刷新通信。

了解JavaScript引擎：實施詳細信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要，因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段；2)執行過程中，引擎會進行動態優化，如內聯緩存和隱藏類；3)最佳實踐包括避免全局變量、優化循環、使用const和let，以及避免過度使用閉包。

Python vs. JavaScript：學習曲線和易用性Apr 16, 2025 am 12:12 AM

Python更適合初學者，學習曲線平緩，語法簡潔；JavaScript適合前端開發，學習曲線較陡，語法靈活。 1.Python語法直觀，適用於數據科學和後端開發。 2.JavaScript靈活，廣泛用於前端和服務器端編程。

Python vs. JavaScript：社區，圖書館和資源Apr 15, 2025 am 12:16 AM

Python和JavaScript在社區、庫和資源方面的對比各有優劣。 1)Python社區友好，適合初學者，但前端開發資源不如JavaScript豐富。 2)Python在數據科學和機器學習庫方面強大，JavaScript則在前端開發庫和框架上更勝一籌。 3)兩者的學習資源都豐富，但Python適合從官方文檔開始，JavaScript則以MDNWebDocs為佳。選擇應基於項目需求和個人興趣。

從C/C到JavaScript：所有工作方式Apr 14, 2025 am 12:05 AM

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1）C/C 是靜態類型語言，需手動管理內存，而JavaScript是動態類型，垃圾回收自動處理。 2）C/C 需編譯成機器碼，JavaScript則為解釋型語言。 3）JavaScript引入閉包、原型鍊和Promise等概念，增強了靈活性和異步編程能力。

JavaScript引擎：比較實施Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和執行JavaScript代碼時，效果會有所不同，因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析：將源碼轉換為詞法單元。 2.語法分析：生成抽象語法樹。 3.優化和編譯：通過JIT編譯器生成機器碼。 4.執行：運行機器碼。 V8引擎通過即時編譯和隱藏類優化，SpiderMonkey使用類型推斷系統，導致在相同代碼上的性能表現不同。