javascript的初步認識
把握自己,就是時時擁有一顆清澈的心,擁有一片明朗的情懷。嘿嘿,我們在2014-2015的跨度裡,我們休息了的四天,今天又回到了學習的階段,敲起來鍵盤突然有點陌生,想一想時間真的好快,在這裡我們已經是跨過兩個月的節奏啦,在這裡學習了C#的基礎知識,SQL Server語句以及Html,CSS等,學習的進度還是可以跟上節奏的,但是掌握的情況目前還是需要複習的,所以這就要自己安排,今天我們初步認識了JavaScript,下面就來總結一下JavaScript。 一. javascript的簡單介紹 1.javascript一種直譯式指令碼語言,是一種動態類型、弱類型、基於原型的語言,內建支援類型。它的解譯器被稱為javascript引擎,為瀏覽器的一部分,廣泛用於用戶端的指令碼語言,最早是在HTML(標準通用標記語言 (SGML)下的一個應用)網頁上使用,用來給HTML網頁增加動態功能(藉助於百度百科)。javascript由三部分組成,分別為: <1>:ECMAScript:描述了該語言的文法和基本對象; <2>:BOM (瀏覽器物件模型):描述與瀏覽器進行互動的方法和介面; <3>:DOM (文件物件模型):描述處理網頁內容的方法和介面。 2.基本特點 <1>.是一種解釋性指令碼語言(代碼不進行先行編譯); <2>.主要用來向HTML(標準通用標記語言 (SGML)下的一個應用)頁面添加互動行為; <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新的開始,要有新的動力,會更加的努力的。