javascript的初步認識


            把握自己,就是時時擁有一顆清澈的心,擁有一片明朗的情懷。嘿嘿,我們在2014-2015的跨度里,我們休息了的四天,今天又回到了學習的階段,敲起來鍵盤突然有點陌生,想一想時間真的好快,在這里我們已經是跨過兩個月的節奏啦,在這里學習了C#的基礎知識,SQL Server語句以及Html,CSS等,學習的進度還是可以跟上節奏的,但是掌握的情況目前還是需要復習的,所以這就要自己安排,今天我們初步認識了JavaScript,下面就來總結一下JavaScript。

       一. javascript的簡單介紹

       1.javascript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。它的解釋器被稱為javascript引擎,為瀏覽器的一部分,廣泛用於客戶端的腳本語言,最早是在HTML(標准通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能(借助於百度百科)。javascript由三部分組成,分別為:

       <1>:ECMAScript:描述了該語言的語法和基本對象;

       <2>:BOM (瀏覽器對象模型):描述與瀏覽器進行交互的方法和接口;

       <3>:DOM (文檔對象模型):描述處理網頁內容的方法和接口。

      2.基本特點  

       <1>.是一種解釋性腳本語言(代碼不進行預編譯);

       <2>.主要用來向HTML(標准通用標記語言下的一個應用)頁面添加交互行為;

       <3>.可以直接嵌入HTML頁面,但寫成單獨的js文件有利於結構和行為的分離;

       <4>.跨平台特性,在絕大多數瀏覽器的支持下,可以在多種平台下運行(如Windows、Linux、Mac、Android、iOS等)。

      3.日常用途

       <1>.嵌入動態文本於HTML頁面;

       <2>.對瀏覽器事件做出響應;

       <3>.讀寫HTML元素。

       <4>.在數據被提交到服務器之前驗證數據;

       <5>.檢測訪客的瀏覽器信息;

       <6>.控制cookies,包括創建和修改等;

       <7>.基於Node.js技術進行服務器端編程。

        二.變量

        聲明變量使用的僅僅為一個關鍵字var;

        var a = 123;
        var b = "456";
        var v = function () {
            alert("hello world");
        }

 

               下面使用關鍵字顯示出變量的類型:

       var a = 123;
        var b = "456";
        var v = function () {
            alert("hello world");
        }
        //window.alert(a);                 //在window中顯示變量
        //window.alert(typeof a);          //打印出變量b的類型
        //window.alert(typeof b);
        window.alert(typeof v);            //打印出function,為方法
        //window.alert(v);                 //打印出1個方法體

             

             在這里typeof運算符的返回值類型有六種可能:數字(Number)、字符串(String)、布爾值(boolean)、對象,方法和未定義(undefined)。

        三.其中一些方法的使用

        1.下面簡單的介紹下string類型的數據的方法:

    <script>    //字符串方法的使用
    var a = "abcdefg";
    var b = "    hijklmn    " ;
    window.alert(a.length);             //字符串的長度

    var array = a.split(' ');           //當字符串間有空格事件,可以選擇以空格分割,當字符串間沒有空格,則以‘’為分割即可
    for (var i = 0; i < array.length; i++) {
        alert(array[i]);
    }
   
    alert(a.substring(2,4));            //截取幾個字符。從哪兒開始

    alert(a.charAt(2));                 //獲取單個字符串,方法里面傳入一個字符的索引

    alert(a.charCodeAt(2));             //獲取該字符在ASii碼的位置

    alert(a.concat(b))                  //連接兩個字符串
    alert("笑話".concat(a))

    alert(a.indexOf("d"))               //獲取字符的索引
    alert(a.lastIndexOf("d"))           //從后面數獲取字符的索引

    alert(a.replace("abc", "cba"));     //替換字符串

    alert(b.trim());                    //去掉字符串兩端的空格
    alert(b);
    </script>

 

             看到上面的方法其實還是很熟悉的,好多方法的使用的C#中也是使用這些同名的方法來求取個值,在這里我們在前面如果血寫的還可以在這里變量的類型方面可以作為復習來學習的,嘿嘿。

        2.boolean類型的簡單學習

    <script>    //boolean類型
    var f = false;
    var v = "abc";
    if (v) {       //在這里可以直接把v放進去,如果字符串不為空,則為true,如果為空的字符串則為false
        alert(v);
    }
    else {
        alert("空的字符串")
    }

    var v = "";
    if (v) {       
        alert(v);
    }
    else {
        alert("空的字符串")
    }
    </script>

           

            在這使用boolea類型時間,需要注意的是:和我們之前在C#學習的是有不同的,我們的if語句的判斷語句中可以使用字符串類型,如果我們定義的變量不是空的字符串,那么可以返回true,即輸出其值;當我們定義的變量時空的字符串,那么就返回true,讓其彈出為空的字符串的提示框即可。

       3.Number類型

    <script>    //數字類型
    var a = "123";
    var b = 456;
    var c = 789.00;
    alert(a + b);                   //在js中,當任意類型與字符串類型相加,都是轉換為字符串類型

    alert(b+parseInt(a));           //在這里把字符串a轉換為整形

    alert(b+ parseFloat(a))         //將c轉換為Float類型

    alert(b + Number(a));           //在這里因為數字類型的都使用Number類定義,所以在這里轉化為Number類型

    alert(Number.MAX_VALUE);        //在js中可以存放的最大值
    alert(Number.MIN_VALUE)         //在js中可以存放的最小值
    </script>

          

             在javascript中,任意類型與字符串類型想加,都將轉換為字符串類型然后與其字符串相連接。如果想要過的int類型的,可以使用方法parseInt轉換即可。

       四.定義方法

       定義方法必須以關鍵字function開頭,然后寫入要定義的方法的方法名即可:

    <script>
    function SayHi(a, b) {         //定義方法,必須以function開頭
        alert(a+b);
    }
    SayHi(1,2);


     function Say() {           //方法用來展示arguments的使用
        alert(arguments[0] + arguments[1] + arguments[2]);
        alert("ok");
    }
    Say(1,2,3);
    </script>

            

            在JavaScript中,arguments是對象的一個特殊屬性。arguments對象就像數組,但是它卻不是數組。

       1:arguments是收到的實參副本,在詞法分析中, 首先按形參形成AO的屬性,值為undefined,當實參傳來時, 再修改AO的相應屬性;
     2:把所有收到實參收集起來,放到一個arguments對象里,t(a,b,c){},調用時: t(1,2,3,4,5) 5個參數,此時 , AO屬性只有a,b,c,3個屬性, arguments里有1,2,3,4,5, 所有的值。
       屬性:length, 獲取arguments對象的長度;callee, 引用當前正在執行的函數。
       好啦,今天的學習就到這里,我們只是初步認識下javascript,據說還是蠻不易學習的,嘿嘿,要好好學習,在MSDN中看到javascript基礎還是可以理解的,但是我想一種語言沒有這樣的簡單的,所以在2015新的開始,要有新的動力,會更加的努力的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM