當前位置

首頁 > 教育範文 > 心得體會 > 關於javascript的心得體會大綱

關於javascript的心得體會大綱

推薦人: 來源: 閱讀: 3.63W 次

篇一:個人心得javascript總結

關於javascript的心得體會

1、javascript 是一種基於對象,和事件驅動的 並具有安全性的腳本語言;基於對象,動態語言,無需編譯,直接解釋執行;

2、可以放在的地方;

A、<he標識着一個語句的結束。

塊:

大括號{ }通常用來括起一行或多行語句。

註釋:

JavaScript提供了兩種註釋符號:

“//”

“/**/”

JavaScript基本語法—數據類型

JavaScript的數據類型分爲基本數據類型和複合數據類型,複合數據類型主要有對象、數組和函數。

簡單數據類型

JavaScript的基本數據類型有數值型、字符型、邏輯型,以及兩個特殊的數據類型。

1.普通數值型

與C、C++、Java等語言不同,JavaScript中的數值包含整數和浮點數。

2.特殊數值型

特殊數值型包括Infinity和NAN。

Infinity表示值超出了可表示的最大值的範圍,而NAN是“not a number”的縮寫形式,表示undefined表達式結果爲數值型數據。

3.字符型

在JavaScript中,字符串是一組被引號(單引號或雙引號)括起來的文本。注:JavaScript不對字符和字符串加以區分。

字母、數字與標點可以放在字符串內,但諸如換行符等符號,若要在字符串中使用,必須用到轉義字符。

【常用的轉義字符如下】

【注意】

由於字符串是用單引號或雙引號括起來的,所以當字符串中出現引號時,必須進行轉義,但若單引號內出現雙引號或雙引號內出現單引號時,則無需轉義。

ean布爾型(true or false)

特殊數據類型

在JavaScript中,有一些是沒有任何類型的變量,稱爲undefined,還有一種空值數據類型。

1.無定義數據類型(undefined)

undefinded用來表示不存在的值,或者尚未賦值的變量。

如果只聲明瞭m,而沒有爲其賦值,此時判斷m的類型,就是undefined。如果賦予一個不存在的屬性值,系統也會認爲是undefined。

2.空值(null)

null表示空值,是一個“什麼都沒有”的佔位符。

【null與undefined的區別】

undefined表示一個變量尚未賦值;

null表示該變量被賦予了一個空值。

基本類型與合成類型

基本數據類型在內存中有固定大小,而合成類型(如對象、數組、函數等類型)則可以具有任意長度。因此,不能將合成類型直接存儲在關聯每個變量的固定內存地址中,實際上存儲的只是這個值的引用。

類型轉換

JavaScript是一種無類型語言。在聲明變量時無需指定數據類型,這使得JavaScript具有靈活性和簡單性。在代碼執行過程中,JavaScript會根據需要進行自動類型轉換。 轉換規則

1. 轉換爲邏輯型數據

undefined: false

null: false

數值型:若爲0或NaN,則結果爲false,否則爲true

字符串型:若長度爲0,則結果爲false,否則爲true.

其他對象:true

2.轉換爲數值型數據

undefined: NaN

null: 0

邏輯型:值爲true,則結果爲1,值爲false,則結果爲0

字符串型:若內容爲數字,則結果爲相應數字,否則爲NaN

其他對象:NaN

3.轉換爲字符串型數據

undefined: Undefined

null: NaN

邏輯型:若爲true,則結果爲”true”

提升基本數據爲對象

每一個基本數據類型都存在一個相應的對象,這些對象提供了一些很有用的方法來處理基本數據。

例如,String對象提供了一個toLowerCase()方法來把一個字符串轉換爲小寫格式。

JavaScript基本語法—變量

JavaScript是一門弱類型的語言,所有的變量定義均以var來定義。

JavaScript的變量應該先定義,再使用。雖然JavaScript可以不需定義即可直接使用變量,但不建議這麼做。

類型規則

JavaScript、Java和C這樣的語言之間存在一個重要的差別:JavaScript是無類型的,即JavaScript的變量可以存放任何數據類型的值,而Java和C的變量都只能存放特定類型的數據。

與HTML不同,JavaScript區分大小寫

聲明變量

在JavaScript中,變量使用關鍵字“var”來聲明。聲明變量必須遵循以下規則:

可以使用一個var同時聲明多個變量。

可以在聲明變量的同時對其進行賦值。

如果只是聲明瞭變量,並未對其賦值,其值默認爲undefined。

使用var多次聲明同一變量也是允許的,如果重複聲明的語句已有一個初始值,此時的聲明就相當於對變量的重新賦值。

JavaScript基本語法—數組

數組定義

var arr = new Array(3);

通過th取得數組的長度

Javascript數組可以越界訪問元素

創建一個數組有以下3種方式:

new Array();

new Array(len);

new Array([item0,[item1,[]]]);

【注意】

數組中的每個元素代表了一個變量,而JavaScript中的變量是沒有類型的,因此數組

元素也是沒有類型的。所以,可以在一個數組中存儲不同類型的數據。

數組使用

使用方式:

myarray=new Array(num)

myarray=new Array(value1,value2)

num不設定,則按數組默認的最大長度自動設定。例如:

JavaScript基本語法—表達式

表達式

表達式是一個句子,用於JavaScript腳本進行運行、運算的句子。其可以包含常量、變量、運算符等。表達式的結果通常會通過賦值語句賦值給一個變量,或直接作爲函數的參數。

JavaScript基本語法—運算符

算術運算符

運算符是在表達式中用於進行運算的一種符號。JavaScript包括+、-、*、/、%等算術運算符。

減號(-)的特殊含義

減號(-)的另外一種用法是對數值或數值型變量求反。

賦值運算符

賦值運算符只有一個等號“=”,其作用是給變量賦值。

比較運算符

比較運算符用來連接操作數用來組成比較表達式,比較表達式的結果爲邏輯值trut或false。

常用的比較運算符有:< 、 <= 、 > 、>= 、 != 、 == 、 === 、 !==

補充說明

條件語句中使用=符號

在條件語句中如果誤將“=”用於“==”,程序將不會報錯,但運行結果錯誤。 比較運算符的自動轉換

在比較過程中,“!=”和“==”會進行自動類型轉換,而“!==”和“===”則不轉換。

【注意】

進行相等比較時,如果不希望進行類型自動轉換,則應使用“===”。

邏輯運算符

常用的邏輯運算符:&&、||、!

位運算符

篇三:JavaScript個人總結

類的寫法:

()(function($){

function abc()

{

} e_click("this is abc"); js = { }; phone_click : function(personData){ } alert(personData); })(jQuery);

在文件中JS={}相當於有個JS對象, 只是不需要new去生成對象;

也可將目錄名與對象名命名爲一致,以便於引用,{}是類的寫法,此類中可有多個方法,或多個屬性的存在;

屬性的寫法爲:userName:”zhangshan”,

方法簽名如:phone_click : function(personData){}

屬性與方法之間用逗號隔開;

在類中不能將方法簽名寫成:function phone_click (personData){},因爲類中的描述是以JSON”格式的寫法;也可將js對象理解爲“JSON”對象串;

調用時,包名(目錄名)點的形式調用;

2.JavaScript對象的'形式寫法:

var obj = new Object();//先生成對象

=false;//添加屬性

=function(){}//添加方法

///////////////////////////////////////////////////////////////// var obj = {};//聲明對象

=false;//添加屬性

=function(){}添加方法

也一樣,另外

var obj = function(name,age){//構造函數

=name;//屬性

=age;//屬性

=function(){}//方法

}

解釋“prototype”: 原始類型;

2 = function(){}//原形中覆蓋方法; = "3333";//原形中覆蓋屬性;

= "3333";與=false;的區別; 前者是相當於覆蓋原形中的屬性,後者是對象中添加屬性;

3.普通的方法;

Function alert(){alert(“test”)}

寫在(function($){})(jQuery);中,部調不到,除非是綁定的事件或自定義方法,寫在裏面是加載即執行;

4.自定義方法:

(function($){

function abc()

{

} alert($); $(); $='自定義屬性'; $ = function (){ alert('自定義方法'); } })(jQuery);

5.類屬性的寫法:

var parameter = {};

Name = “lishi”;

不能將寫成var parameter = {username=”lishi”;};

6. jQuery插件引用的寫法及區別;

(A).$(function(){

$("#userName")("abcde");

});

(B).(function($){

$("#userName")("abcde");

})(jQuery);

A與B的區別:A再DOM加載後執行,B加載即執行(對DOM操作時,保證先加DOM再加載B,否則操作不到對DOM而不會報錯),要是調用不到就不會執行了:

通常使用第二種方法來開發jQuery插件,利用閉包的特性可以避免內部的臨時變量影響到全局,同時通過將jQuery傳進閉包,可以方便的使用$符號。一般使用還是使用第一種方法吧,DOM解析完畢就會執行,一般插件不會具體去寫哪個DOM元素的事件的,因爲都是在jQuery導入後導入插件,可以把要操作的DOM對象傳進插件裏再實現具體的操作;

7.對象原型中的方法覆蓋(重寫):如;

= function()

{

// 用正則表達式將前後空格用空字符串替代。return ace( /(^s*)|(s*$)/g, "" ); }

8.query,Ajax請求拼接Json字符串時,value值應加單引號,或雙引號;

如下;

String data = “{id:’no1’,value:’111’}”;

String data = “{id:”no1”,value:”111”}”;

9.方法中的對象聲明的寫法:

Var parameter = {};

ystemParam = function(){

//公共參數

kXml ={}; 在此方法中,再添加一個對象 }

調用時可寫成:kXml.;

10.變量聲明的作用或:

var server = '';此變量的作用域是全局變量;

11.屬性數組,對象的聲明:

(function($){

request = $nd(request, {

entAdd: [],//屬性數組的聲明;

html:{}