溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript基礎(chǔ)知識(shí)的示例分析

發(fā)布時(shí)間：2021-10-26 09:07:05 來(lái)源：億速云 閱讀：146 作者：小新 欄目：開(kāi)發(fā)技術(shù)

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript基礎(chǔ)知識(shí)的示例分析，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

    一、JavaScript的書(shū)寫(xiě)位置

    一般分為三種：行內(nèi)、內(nèi)嵌、和外

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 2.內(nèi)嵌式的js -->
    <script>
        alert('彈出')
    </script>
    <!-- 3.外部的js -->
    <script src="outside.js"></script>
</head>
<body>
    <!-- 1.行內(nèi)式的js,直接寫(xiě)在元素內(nèi)部 -->
    <input type="button" value="button" onclick="alert('我是一個(gè)按鍵')">
</body>
</html>

    二、JavaScript常用的輸入輸出語(yǔ)句

    1.瀏覽器彈出警告框：

    alert（msg）

    2.瀏覽器控制臺(tái)打印輸出信息：

    console.log(msg)

    輸出信息在F12中的console可以看到

    3.瀏覽器彈出輸入框，讓用戶可以輸入：

    prompt（info）

    三、變量

    1.變量的使用：

    1.聲明變量 2.賦值

    js的數(shù)據(jù)變量類(lèi)型在程序運(yùn)行時(shí)根據(jù)等號(hào)右邊的值來(lái)進(jìn)行確認(rèn)

     var a；//聲明變量a
         a=1；
         alert（a）

    JavaScript基礎(chǔ)知識(shí)的示例分析

    2.讀取輸入的值(cin>>)

     <script>
        var a = prompt();
        // a=1;
        alert(a); 
    </script>

    3.JavaScript中數(shù)值的最大最小值、無(wú)窮

    Number.MAX_VALUE Number.MIN_VALUE

    Infinity -Infinity

    4.使用isNaN來(lái)判斷是否為數(shù)字

    isNaN(11) 返回false 不是數(shù)字返回true

    5.typeof檢測(cè)變量數(shù)據(jù)類(lèi)型

    <script>
    var num =10;
    console.log(typeof num);//檢測(cè)num的數(shù)據(jù)類(lèi)型
</script>

    6.數(shù)據(jù)類(lèi)型轉(zhuǎn)換

    6.1轉(zhuǎn)換為字符串
    //1. toString()
var num=1;
alert(num.toString());
//2.String()強(qiáng)制轉(zhuǎn)換
var num = 1;
alert(String(num));
//3.加號(hào)拼接字符串
var num = 1;
alert(num+"字符串");
    6.2轉(zhuǎn)化成數(shù)字型
    <script>
        // 1.parseInt 得到的是整數(shù)
        var age = prompt("input your age");
        console.log(parseInt(age))
        // 2.parseFloat 得到的是浮點(diǎn)數(shù)
        console.log(parseFloat(age));
        // 3.Number()強(qiáng)制轉(zhuǎn)換
        console.log(Number(age));
        // 4.利用算數(shù)運(yùn)算 - * /都可以
        console.log('12'-0);
        console.log('12'-'10')//輸出為數(shù)字型的2
    </script>
    6.3轉(zhuǎn)化為布爾型

    使用Boolean()函數(shù)

    代表空、否定的值會(huì)被轉(zhuǎn)換為 false ，如〝O、NaN、 null、undefined

    其余值都會(huì)被轉(zhuǎn)換為 true

    四、運(yùn)算符

    JavaScript基礎(chǔ)知識(shí)的示例分析

    運(yùn)算符優(yōu)先級(jí)

    JavaScript基礎(chǔ)知識(shí)的示例分析

    五、函數(shù)

    1.函數(shù)的使用：先聲明函數(shù)，再調(diào)用函數(shù)

    function 函數(shù)名(){
        //函數(shù)體
}

    2.函數(shù)的參數(shù)

    分為形參和實(shí)參

    3.函數(shù)的返回值

    用return return 返回的值

    return后面的代碼不會(huì)被執(zhí)行且只能返回一個(gè)值

    4.argument的使用

    當(dāng)我們不確定有多少個(gè)參數(shù)傳遞的時(shí)候，可以用arguments來(lái)獲取。在JavaScript中，arguments 實(shí)際上它是當(dāng)前函數(shù)的一個(gè)內(nèi)置對(duì)象。所有函數(shù)都內(nèi)置了一個(gè)arguments 對(duì)象，arguments 對(duì)象中存儲(chǔ)了傳遞的所有實(shí)參

    function fn(){
    console.log(argument);//里面存儲(chǔ)了所有傳遞過(guò)來(lái)的實(shí)參
    }
fn(1,2,3);

    瀏覽器中

    JavaScript基礎(chǔ)知識(shí)的示例分析

    argument展示形式是一個(gè)偽數(shù)組，但是他具有數(shù)組的length的屬性并且按照索引的方式存儲(chǔ)?？墒撬麤](méi)有數(shù)組的一些方法 如：pop push

    5.函數(shù)的兩種聲明方法

    1.命名函數(shù)
     function fn(){
    //函數(shù)體
    }
    fn();
    2.匿名函數(shù)
    var fun = function(){
    //函數(shù)體
}
fun();

    fun是變量名 不是函數(shù)名但函數(shù)表達(dá)式（匿名函數(shù)）也可以進(jìn)行參數(shù)的傳遞

    六、作用域

    1.JavaScript的作用域

    通常來(lái)說(shuō) ，一段程序代碼中所用到的名字并不總是有效和可用的，而限定這個(gè)名字的可用性的代碼范圍就是這個(gè)名字的作用域。作用域的使用提高了程序邏程的局部性，增強(qiáng)了程序的可靠性，減少了名字沖突。

    一般分為全局作用域和局部作用域

    全局作用域是在整個(gè)script標(biāo)簽中的，局部作用域是在函數(shù)內(nèi)部

    值得注意的是，在js中是沒(méi)有塊級(jí)作用域的，即如果在if中聲明一個(gè)變量，在外面也是可以調(diào)用的

    if(3>5){
    var num = 1;
}
console.log(num);

    在瀏覽器中是可以進(jìn)行編譯不會(huì)報(bào)錯(cuò)的

    2.變量的作用域

    全局變量也是在script標(biāo)簽中的，如果在函數(shù)內(nèi)部沒(méi)有聲明直接賦值的變量也屬于全局變量

    function fn(){
    num2 =10;//全局變量
    var num1 =1;//局部變量
    }

    全局變量在函數(shù)中也可以使用

    3.作用域鏈

    根據(jù)在內(nèi)部函數(shù)可以訪問(wèn)外部函數(shù)變量的這種機(jī)制，用鏈?zhǔn)讲檎覜Q定哪些數(shù)據(jù)能被內(nèi)部函數(shù)訪問(wèn)

    采用就近原則。

    關(guān)于“JavaScript基礎(chǔ)知識(shí)的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

    向AI問(wèn)一下細(xì)節(jié)

    免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

    AI
    助
    手