js 從零開始第4天

阿新 • • 發佈：2019-01-19

前面我們講了js的用法，函式，輸出，今天我們講一下他的一些基本語法當然之前也有涉獵，如果有細心地朋友應該可以發現。
javascript中宣告一個變數是有一個關鍵詞叫 var 當然宣告不同的東西賦值是不一樣的。

        var length = 16;                                  // Number 通過數字字面量賦值 
        var points = 5 * 10;                              // Number 通過表示式字面量賦值
        var lastName = "summer";                         // String 通過字串字面量賦值 

        var cars = ["Saab", "Volvo", "BMW"];              // Array  通過陣列字面量賦值
        var person = {firstName:"John", lastName:"Doe"};  // Object 通過物件字面量賦值

順便講解一下 // 兩個斜槓是代表你後面寫的都是註釋，寫程式碼要有良好的習慣寫註釋然後方便之後修改。
OK我們來貼一下我們今天的程式碼然後給大家講解。

<!DOCTYPE html>
<html>
    <head>
        <meta charset 
="UTF-8">
        <title></title>
    </head>
    <body>
        <span id="test">和夏天一起學JS 第4天</span>
        <span id="num"></span>
        <button type="button" onclick="test()">點我</button>

        <script type="text/javascript"> 
            var 
 x=5;
            console.log(x);
            function test(){
                var a=5;
                var b=10;
                document.getElementById("test").innerHTML="summer!";
                document.getElementById("num").innerHTML=a;
                x=myFunction(a, b); 
                alert(x);
                var length = 16;                                  // Number 通過數字字面量賦值 
                var points = x * 10;                              // Number 通過表示式字面量賦值
                var lastName = "summer";                         // String 通過字串字面量賦值
                var cars = ["Saab", "Volvo", "BMW"];              // Array  通過陣列字面量賦值
                var person = {firstName:"John", lastName:"Doe"};  // Object 通過物件字面量賦值
                console.log(points);
                console.log(cars);
                console.log(person);
                console.log(person.firstName,person.lastName);
            }
            function myFunction(a, b) {
                    return a * b;                                // 返回 a 乘於 b 的結果
            }

        </script>
    </body>
</html>

點選執行，點選按鈕。

OK東西比較我們一部分一部分講，顯示了一個彈出框我們去看我們的程式碼什麼地方用到了 alert方法，

x=myFunction(a, b); 
alert(x);

這個x是一個變數，而且是一個全域性變數，全域性變數的意思是你在任何時候任何地方都能呼叫獲取這個變數，說道全域性變數就會扯到區域性變數。全域性變數是指在所有方法的在外面宣告的變數 var x=5; 。
在test()函式裡面宣告的變數都是區域性變數，一但你離開這個方法，test()函式裡面的變數你就無法使用了， var a=5; var b=10; 這就是test()裡面的變數，也叫區域性變數。
我們繼續講程式碼 x=myFunction(a, b); 這句程式碼是將myFunction(a, b) 執行myFuction這個函式並將a的值和b的值帶過去作為處理的資料，然後將返回的值放進x裡面。
然後這個myFunction(a, b) 是一個函式，我們在下面找到他對應的函式。

function myFunction(a, b) {
            return a * b;                                // 返回 a 乘於 b 的結果
}

這個函式的意思是講傳過來的a的值與b的值相乘，然後return回去，return是js裡面的關鍵字意思就是將函式的結果返回。所以我們在上面可以用x接收他返回的值。
這邊講了很多重點，大家最好多看幾遍多試幾次！！
我們繼續往下面講，點選確定。

document.getElementById("test").innerHTML="summer!";
document.getElementById("num").innerHTML=a;

這兩行程式碼不需要講了，前面幾篇都有講過。

主要是看下面Console 控制檯的的內容。

var points = x * 10;

我們最上面聲明瞭一個全域性變數 var x=5; 但是我們中間執行了一次 x=myFunction(a, b); 然後裡面的x值就改變了，所以是50*10=500。

var cars = ["Saab", "Volvo", "BMW"];              // Array  通過陣列字面量賦值
console.log(cars);

我們聲明瞭一個數組cars 如果你們只想顯示其中某一個可以用cars[0]這種方式，[]裡面寫對應下標，下標就是對應的位置從0開始，記住是從0開始，大家可以試一下。

console.log(cars[0]);

顯示就是陣列的第一個Saab了。

var person = {firstName:"John", lastName:"Doe"};  // Object 通過物件字面量賦值
console.log(person);
console.log(person.firstName,person.lastName);

聲明瞭一個person物件，裡面放了連個屬性。直接列印person，他是一個object，如果你需要裡面某個屬性你可以用物件名點出來，person.firstName。

OK今天就講這麼多大家好好消化一下！裡面有很多重要的內容。如果有不懂的也可以加我的QQ大家一起探討。
QQ：1872845111

js 從零開始第4天

js 從零開始第4天

lavarel從零開始-第三彈（路由，控制器，視圖）

python從零開始 -- 第1篇之環境搭建

《電子設計從零開始(第2版)》pdf電子書附網盤連結+讀書方法論總結

Ext JS從零開始之二

webpack從零開始第1課:安裝webpack和webpack-dev-server

第1天，萬事開頭難，重新從零開始，加油吧，少年！

前端之路從零開始——第二週第四天筆記（background）

前端之路從零開始——第二週第五天筆記（css屬性）

從零開始的鐳射通訊（第1章協議棧）——4、原始資料編解碼

python 認真學習的第天，從零開始

【通知】▁▂▃ Himi 著作《Android遊戲程式設計之從零開始》★書籍原始碼+第4/6/7樣章★部落格系列原始碼整理打包->免費下載★ ▃▂▁

從零開始學習jQuery (一) 開天辟地入門篇

從零開始的linux 第四章

從零開始的linux 第五章

從零開始的linux 第六章

從零開始的linux 第七章

從零開始的linux 第八章

從零開始的linux 第九章

從零開始的linux 第十章

js 從零開始第4天

相關推薦