JavaScript

JavaScrpit筆記


數據類型

ECMAScript中有5種簡單數據類型(也稱為基本數據類型):Undefined、Null、Boolean、Number和String。還有1種復雜數據類型——Object,Object本質上是由一組無序的名值對組成的。

ECMAScript的變量是松散類型的,所謂松散類型就是可以用來保存任何類型的數據
例如:

 var age = 12;//不用int修飾 

typeof運算符

雖然變量無類型之分 但其值是有類型的 用typeof運算符判斷

    "undefined"——如果這個值未定義;
    "boolean"——如果這個值是布爾值;
    "string"——如果這個值是字符串;
    "number"——如果這個值是數值;
    "object"——如果這個值是對象或null;
    "function"——如果這個值是函數

undenfined類型 和 null類型\

undefined值是派生自null值的

alert(undefined == null) // true

一般的把var 定義的沒有初始化的值定義為 undefined 而null是用來初始化未賦值的對象的。

Boolean類型

注:Boolean類型的字面量的值區分大小寫。 true和flase 對 True和Flase 錯

NUmber類型

NaN(NOt a NUmber)例如:

 var num = 10/0

String類型

string 是存儲在棧中 所以字符串一旦創建就不能改變

Object類型

函數

JS中的函數也是對象 也有相應的屬性和方法

屬性:length(argument數組的長度)和prototype(繼承和原型構造函數時特別有用)

方法:call()和apply() 用來擴大作用域 (可以借用父類的構造函數 和原型鏈一起構成組合繼承)


定義函數

  1. 函數聲明

     function functionName(){ // 函數體}
    
  2. 函數表達式

     var sayHi = function(){// 函數體} //函數是對象的體現 
     有一個特別好玩的功能:模仿塊級作用域
     (function(){ 
     
     //for(var i ...)
     })()  //i在for循環有用
    

模擬重載

JS中沒有重載的概念 但可以用 arguments對象來模擬重載
例如:

//變相實現重載
function add(){

    if(arguments.length == 1){
    
      alert(argumemts[0]+10);
    }

    if(arguments.length == 2){
    
      alert(argumemts[0]+argument[1]+10);
    }

}
add(10);
add(10,20);

繼承和創造對象

理解prototype屬性:

無論什么時候,只要創建了一個新函數,就會根據一組特定的規則為該函數創建一個prototype屬性,這個屬性指向函數的原型對象。在默認情況下,所有原型對象都會自動獲得一個constructor(構造函數)屬性,這個屬性包含一個指向prototype屬性所在函數的指針。就拿前面的例子來說,Person.prototype. constructor指向Person。而通過這個構造函數,我們還可繼續為原型對象添加其他屬性和方法。

通過prototype屬性指向的原型對象 創建的對象

function Person(){

    Person.prototype.name = "Nicholas";
    Person.prototype.age = 29;
    Person.prototype.job = "Software Engineer";
    Person.prototype.sayName = function(){
        alert(this.name);
    };
}

var person1 = new Person();
person1.sayName();   //"Nicholas"
var person2 = new Person();
person2.sayName();   //"Nicholas"
alert(person1.sayName == person2.sayName);  //true

而通過構造函數創建的對象 每個對象的屬性和方法在內存中各有一份 其中一個對象的改變不影響其他對象的屬性和方法(prototype定義的對象則不同)

繼承就是把prototype屬性指向的原型對象 進行重寫

function SuperType(){
    this.property = true;
}

SuperType.prototype.getSuperValue = function(){
    return this.property;
};

function SubType(){
    this.subproperty = false;
}

//繼承了SuperType
SubType.prototype = new SuperType(); // 重寫SubType.prototype指向的原型對象

SubType.prototype.getSubValue = function (){
    return this.subproperty;
};



var instance = new SubType();
alert(instance.getSuperValue());      //true

總結:其實創建對象和繼承還有很多的方式 可以參考JavaScript高級程序設計(第3版)


閉包(函數和函數非不清的關系)

js閉包的來源:return函數名或者匿名函數 ②函數可以嵌套函數

形式:閉包就是一個函數,兩個函數彼此嵌套,內部函數就是閉包(需要return)

          function f1(){
                var age = 20;
                var height = 170;
                function f2(){
                    console.log("年齡:"+age+"-身高:"+height);
                }
                return f2;
            }
            //ff--> 函數名
            var ff = f1();  
            ff();//年齡:20-身高:170
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,825評論 6 546
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,814評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 178,980評論 0 384
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 64,064評論 1 319
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,779評論 6 414
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,109評論 1 330
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,099評論 3 450
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,287評論 0 291
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,799評論 1 338
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,515評論 3 361
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,750評論 1 375
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,221評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,933評論 3 351
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,327評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,667評論 1 296
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,492評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,703評論 2 380

推薦閱讀更多精彩內容