個人心得javascript總結模板
篇一:個人心得javascript總結
1、javascript 是一種基於對象,和事件驅動的 並具有安全性的腳本語言;基於對象,動態語言,無需編譯,直接解釋執行;
2、可以放在的地方;
A、中,一對
之間;
B、單獨檔案中
C、將腳本程序代碼作爲屬性值、javascript
3、保留字以及關鍵字;
4、javascript基本語法:
4.1 標識:大小寫字母,數字,下劃線,和美元符號:不能以數字開頭;
4.2 javascript嚴格區分大小寫
4.3 每條語句必須以 分號結束;(不寫,一般沒事,但是可能會引起不必要的歧義)
4.4 多行註釋 /* */ 單行註釋:
//
4.5
Function test(){
Var i=100; //不加var 就會自動變成全局變量,這樣在以後會產生衝突; Alert(i);
}
Test();
5、數據類型:(數字,boolean,String字元串;日期什麼的 是對象了)
特殊值:NaN,Infinity,函數isNaN();isFinite();
Boolean,取值只能是 true,和false 全是小寫
邏輯運算符
var a=100;
var b=0;
var c=a||b;
alert(c);//返回值是100:就是當兩邊返回值都是false時,返回第一個或最後一個不爲false的值;
6、什麼值在javascript中是false?
邏輯運算中,0,“”,false,null,undefined,NaN均表示false
6.1想要賦個默認值:怎麼辦?
function test(e){
e=e||new object();
if(!='ang'){
alert(e);}}
test(3);
看這裏:
Var sth=test;//相當於將函數賦給一個變量,這個變量之後可以傳參執行了; Alert(sth(100));
7、javascript中的系統函數:
7.1 編碼解碼:alert(encodeURI('sht中午啊'));處理中文情況; decodeURI,對編碼的進行解碼;
7.2、數值轉換;
parseInt(‘’);//將其他類型轉換成數字;原理:從第一個字元開始,如果第一個可以轉換就繼續向下走,直到不能轉,省略後面,如何第一個都不行,就直接返回NaN格式;
var a=parseInt(‘555abc’);//返回555;
var b=parseInt(‘cc’);//返回NaN;
7.3 eval;將其中的參數字元串當做一個javascript表達式執行; var a="alert(fu ck you);";
eval(a);
var b=eval("{a:'thank',b:30}");
alert(b.b);//爲啥沒有反應啊!
二、javascript的類
1、 javascript的內部類;
所有類的基類都是 object;
可以動態的給類添加方法和屬性;//java無法做到的,記住啊!
var obj=new Object();
ello=function(){
alert();}
='haha i can have my class';
ello();
Var n1=new Number(1100);
Alert(ring(2));//返回n1的二進制表示形式;
var s='ang';
s=('');
alert(s);//ang彈出這個形式;
var sss.
Alert(typeof sss);//檢視數據的類型;
Alert(tructor);//檢視數 據的構造函數
;
篇二:javascript學習總結
javascript學習總結 Script中的對象
分爲3種。
(1)JavaScript的內置對象
常用的有Date,Array,String,Math,對象,這些都是經常會用到的,一定要掌握好。
(2)文檔對象模型(Document Object Model,DOM)
這個對象表示了當前瀏覽器的多個組件和當前的HTML文檔。DOM我認爲是JS中最重要的一個對象,透過他可以獲得任何一個HTML元素,1.透過得到,這種是瀏覽器支援的dom對象,不屬於js,2.咱們經常用的是lementById("name"),這種是w3c組織制定的一級DOM對象標準。
(3)自訂對象
我總認爲js的自訂對象沒必要用,如果你是按照面向對象的編程思想,那麼應該用Java,而不是用js的對象。
對象,history以及location
爲了操控瀏覽器和文檔,js使用分層的父對象和子對象,這就是DOM。這些對象的組織類似一個樹形結構,並表示一個Web文檔的所有內容組件。
Window是所有對象的父對象
document對象幾種常用方法
:指明瞭文檔的URL地址。不可改變,如果需要給用戶不同的地址應該用tion對象
e:列出了當前頁面的標題
rrer:用戶所瀏覽的上一個頁面的URL地址。
Modified:文檔最後修改日期
ie 允許讀取和設定一個文檔的cookie
history對象的幾種常用方法
th();儲存了歷史列表的長度
();開啟歷史列表中一個網址,要指定一個正數或者負數。
();歷史列表中的前一個網址,相當於後退按鈕。
ard();歷史列表中的後一個網址,相當於後退按鈕。
location對象的幾種常用方法
ocol:網址的協議部分---http
name:網址的主機名---
:網址的端口號---80
name:網址的檔案名部分
ch:網址的查詢部分---lines=1
:網址中使用的anchor名---#anchor
location對象的兩個方法
ad() 重新載入當前文檔,瀏覽器中的重新載入按鈕。
ace()替換一個新的位置
Script中的變量名稱,表達式,運算符,數據類型
變量名稱,表達式,運算符,和Java中差別不大,就不多加敘述了
數據類型
1.數字:整數,浮點數
2.布爾值:真,假。
3.字元型:字元串對象
4.空值,null。
parseInt()----將一個字元串轉換爲整數值。
parseFloat----將一個字元串轉換爲浮點小數
字元串中有一些常用的方法,如subString,charAt等,與Java中的很像,就不敘述了
Script中的函數
函數定義的最佳位置是文檔中的部分,因爲部分語句會首先執行。 函數中可以帶有參數列表,但是參數都沒有類型,也不需要在定義函數的時候聲明返回值,想有返回值的話,直接return即可,和Java不同。
如:
Js代碼
1. function g
reet(who){
2. alert(“Gadsden” + who);
3. return “asdasd”;
4. }
Script中的對象
他和Java中的對象很相似,之前我曾說不需要用到他,用Java的就夠了,昨天看了一個人的文章,說你要想用好一門語言,就要尊重這門語言,就像現在的JavaScript,如果簡單的把他當做一門腳本語言,那可能只能停留在入門和初級階段。
如何擴展內置對象
使用prototype關鍵字,可以向現有對象中添加屬性和方法。
例如:
Js代碼
1.
2. function addHead(level){
3. html = "H" + level;
= ring();
5. start = "<" + html +">";
= "";
rn start + text + end;
8. }
9. ing = addHead;
10. e("this is a test"ing(1));
11. e("this is a test"ing(2));
12. e("this is a test"ing(3));
13.
這樣就爲String對象又新增添了一個方法,heading,並指明每次調用heading的時候,他都會去調用addHead方法。
Script中的Data Math等內置對象
他們與Java中的又是很相似,不多介紹了,有一個關鍵字需要說說,就是with。
with關鍵字制定一個對象,後面跟着括在大括號中的一大塊語句。對於塊語句中的每一條語句,沒有指定對象的屬性都將被假定爲該對象的屬性。
如:
Js代碼
1.
2. a = "niechao";
(a){
4. t("長度是"+ length)
5. e(toUpperCase());
6. }
7.
注:這裏不用在定義a的時候帶有類型資訊,如String a = “niechao”;這樣會報錯,如果非要加上,也只能是var a = “niechao”;
Script中使用第三方程序庫
每個程序庫都有自己的名字,一般的名字是,包含到你要用的jsp頁面裏就行了。 <
Js代碼
1. script type="text/javascript" language="JavaScript" src="">現在流行的有幾種,比如:ext,jquery,dojo等,老一輩的也有prototype這些。選一種合適自己的就行了,自己用着順手的,可以滿足項目需要的,我暫時選的而是jquery。
Script中 的事件相應
不必使用標籤來定義事件處理函數
可以不在HTML中指定時間處理函數,而是使用JavaScript把一個函數指定爲事件處理函
數
1.首先找到元素的對象,使用obj = lementById("aa")
2.定義一個函數,把該函數指定爲事件處理函數,
Js代碼
1. function mousealert(){
2. alert("");
3.}
4. ick = mousealert;
JavaScript中由屬性,方法,事件組成對象,許多常用的事件處理函數都是document對象中的屬性。
Script中使用event對象
要是用event對象,可以把他傳遞給事件處理程序函數。
Js代碼
1.
tion getKey(e){
火狐和IE,對event的處理方式不同,火狐是直接自動傳遞的,IE是將最近發生的事件存放在t對象中。
所以很多函數的開頭,一般都是
Js代碼
1. function getKey(e){
(!e) e=t;
3.}
它檢查了是否已經定義了e,若未定義,它將獲取t對象,並將其存入e,這樣確保任何一個瀏覽器中都會得到一個有效的event對象。
以下是IE4.0及更高版本的一些常用event對象屬性
on:按下的鼠標鍵。對於鼠標左鍵,屬性值爲1,對於鼠標右鍵,屬性值爲2
篇三:前端整個javascript中的學習總結
一:javascript的組成
Javascript是一門輕量級的腳本編程語言
由ECMAScript DOMBOM 這三部分組成
1、 ECMAScript(4 5):定義了JS裏面的命名規範,變量,
數據類型,基本語法,和操作語句最核心的東西等
2、 DOM document object model 文檔對象模型
3、 BOM browser object model 瀏覽器對象模型
第一塊: ECMAScript
1、命名規範避開關鍵字保留字(1、在JS當中嚴格區分大小 2、駝峯命名法首字母小寫,其他有意義的.單詞首字母大寫 3、可以使用數字字母下劃線和$符號----數字不能作爲首位)
------------------關鍵字:在JS當中有特殊意義的字
保留字:未來可能成爲關鍵字的
2、變量:可變的量
JS當中的變量是個抽象的概念,用來存儲值和代表值的! 在JS當中定義一個變量非常簡單 var變量名=變量值;
=是賦值操作,左邊是變量名右邊是存儲的值
JS當中的變量是鬆散類型的,透過一個var 變量名就可以存儲任何的數據類型!
3、數據類型
Js當中的數據類型的分類
1基本數據類型:由簡單的結構組成
數字number字元串 string布爾booleannull undefined2 引用數據類型 :結構相對複雜一些的
對象數據類型:object (數組和正則都是對象數據類型)
函數數據類型:function
具體的數據類型詳解
1,number 數據類型:整數負數 0小數 NaN (不是一個有效數但是他屬於number類型的)
NaN==NaN是不相等的
isNaN檢測是不是一個有效的數,是一個有效的數返回false 不是一個有效的數是true ,如果檢測的值不是number類型的瀏覽器會默認的轉換成number類型的然後在判斷是否是有效數組isNaN(”123”)先經過Number(“123”) 轉化成123,Number 強制將其他的數據類型轉化成number 要求如果是字元串的話一定是數字纔可以轉化; 案例:Number(“12px”)=NaN
非強制數據類型轉化:parseInt parseFloat
parseInt:從左到右一個個查找,把是數字的轉化爲有效的數字,中途如果遇到一個非有效的數字就不再查找了!
(parseInt(“12px”));===>12
parseFloat:和上面的一樣只是可以多識別一個.點
(parseInt(“12.333px”));-------------------12
(parseFloat(“12.2333px”));--------------12.2333
案例:var =Number(“12px”);
if(var ==12){
(12);
}else if(var ==NaN){
(“我是NaN”);
}else{
(以上倆個條件都不成立);
} 重點ean!一個歎號是取反,先將值轉化爲布爾類型值,然後再取反
數據類型轉化的規則:
判斷一個值是真是假,只有 null 0 NaN “” undefined 爲假其餘的值都爲真,[] {} 空數組和空對象都爲真
如果倆個值比較,遵循這個規律:
//val1==val2 倆個值不是同一種數據類型的:如果是==進行比較的話會進行默認的數據類型轉化:
1.對象和對象比較永遠不相等 []==[]----false {}=={}---false function fn(){}=function fn(){}-------false 2 對象和字元串先將對象轉化爲字元串然後在進行比較
[+==”” *+ring()-----------經過toString方法把對象轉化爲字元串
[]數組轉化爲字元串爲空字元串 true
{}轉化爲字元串爲“* object Object+” 所以,-==“” ------------false
3,對象==布爾類型對象先轉化爲字元串(toString())然後在轉化爲數字(Number())布爾類型也轉化爲數字(true 爲1,false爲0)
4,對象和數字 : 對象先轉化爲字元串(toString())然後在轉化爲數字(Number())[]==1false
5數字和布爾布爾轉化爲數字
6,字元串和數字字元串轉化爲數字
7字元串和布爾都轉化爲數字
==undefined true
和undefined 和其他數據類型比較都是false
3 ===這也是比較如果數據類型不一樣絕對不相當
Null===undefinedfalse數據類型不同false
對象數據類型:
由多組屬性名和屬性值組成;屬性名和屬性值是用來描述這個對象特徵的!
Var obj=,name:”hewenbang”,age:13-;------字面量創建方式
Var obj =new Object();實例的創建的方式,
給一個對象增加一組屬性名和屬性值
=”hewenbang”,
Obj*“name”+=”hewenbang”;
修改原有的屬性名和屬性值,規定一個對象當中的屬性名不能重複,如果有的話就是修改,沒有的話就是新增
Obj[“name”]=”zhufengpeixun”;
獲取屬性值:
(Obj*“name”+);
如果屬性名不存在默認返回的結果是undefined
刪除屬性名字和屬性值:
假刪除:obj[“name”]=null;
真刪除: obj*“name”+;
對象數據類中還可以具體的細分:對象類(Object)數組類(Array) 正則類(RegExp)時間類(Date)數學函數(Math)字元串類(String)布爾類(boolean)
Var obj={};
Var array=[];
Var reg=/^ww$/;
Js中對象,類和實例的區別:對象是個泛指,JS中萬物皆對象,類是對對象的具體的細分,實例是類中一個具體的事物!
自然界中萬物皆對象,可以分爲人類植物類低等動物類物體類每一個人都是人類中的一個實例
Function 數據類型
Function:函數數據類型相當於一個方法或者功能。
-
教師減負提質的工作總結
時間不知不覺,我們後知後覺,辛苦的工作已經告一段落了,回顧過去的工作,倍感充實,收穫良多,是時候仔細的寫一份工作總結了。可是怎樣寫工作總結才能出彩呢?以下是小編整理的教師減負提質的工作總結,僅供參考,歡迎大家閱讀。教師減負提質的工作總結1中小學生負擔過重已引...
-
個人車間工作總結(通用7篇)
不經意間,一段時間的工作已經結束了,相信大家這段時間以來的收穫肯定不少吧,是時候仔細的寫一份工作總結了。但是卻發現不知道該寫些什麼,下面是小編幫大家整理的個人車間工作總結(通用7篇),僅供參考,歡迎大家閱讀。個人車間工作總結14S店倉庫管理個人工作總結歲月如梭...
-
火災應急演練總結範文(通用7篇)
總結是對過去一定時期的工作、學習或思想情況進行回顧、分析,並做出客觀評價的書面材料,它可以明確下一步的工作方向,少走彎路,少犯錯誤,提高工作效益,讓我們一起認真地寫一份總結吧。我們該怎麼去寫總結呢?以下是小編收集整理的火災應急演練總結範文(通用7篇),歡迎閱讀,...
-
【必備】年度工作總結四篇
總結是對過去一定時期的工作、學習或思想情況進行回顧、分析,並做出客觀評價的書面材料,它是增長才乾的一種好辦法,爲此我們要做好回顧,寫好總結。那麼總結要注意有什麼內容呢?以下是小編收集整理的年度工作總結4篇,歡迎大家借鑑與參考,希望對大家有所幫助。年度工作...