ES5知識點整理

基本語法

基本語法包括數(shù)據(jù)類型德谅,操作符,語句庶灿,函數(shù)

數(shù)據(jù)類型

5種簡單數(shù)據(jù)類型(基本數(shù)據(jù)類型)Undefined纵搁、Null、Boolean往踢、Number腾誉、String

和一種復雜數(shù)據(jù)類型Object,是所有對象的基礎(chǔ)

typeof 操作符檢定給定變量的數(shù)據(jù)類型

JavaScript不區(qū)分整數(shù)和浮點峻呕,Number類型可用于保存所有數(shù)值

操作符

常用 : 算數(shù)操作符利职,布爾操作符,賦值操作符

布爾操作符:與或非 && || !

控制語句

常用 : if語句 for語句 switch語句

函數(shù)

函數(shù)用來封裝多條語句

函數(shù)可以在任何時候返回任何值

函數(shù)的參數(shù)以數(shù)組形式傳遞瘦癌,可以接受任意參數(shù)猪贪,可以通過arguments對象來訪問這些參數(shù)。

變量和作用域

JavaScript包含基本類性值和引用類型值讯私。

基本類型在內(nèi)存中是實際的值热押,引用類型在內(nèi)存中就是一個指針,指向一個對象斤寇,多個引用類型可能同時指向同一個對象桶癣。

檢測基本類型用typeof 檢測對象類型使用instanceof

所有變量都存在與作用域當中,作用域決定了變量的生命周期娘锁。

函數(shù)的局部環(huán)境有權(quán)訪問函數(shù)作用域中的變量和父環(huán)境到全局變量

JavaScript沒有塊級作用域

引用類型

Object : 基礎(chǔ)類型,其它所有類型都從Object繼承

Array : 數(shù)組類型牙寞,每一項可以保存任何數(shù)據(jù)

轉(zhuǎn)換方法 棧方法 隊列方法 重排序方法 操作方法 位置方法 迭代方法 歸并方法

Date : 日期類型

RexExp : 正則表達式

面對對象程序設(shè)計

創(chuàng)建自定義類型最常見的方式是組合使用構(gòu)造函數(shù)模式與原型模式,構(gòu)造函數(shù)模式用于定義實例屬性莫秆,原型模式用于定義方法和共享的屬性碎税。

// 構(gòu)造函數(shù)
function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.friends = ["Shelby", "Court"];

}
// 原型
Person.prototype = {
    constructor: Person,
    sayName: function() {
        return this.name;
    }
}
// 實例化
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");

person1.friends.push("Van");
alert(person1.friends);                     //輸出"Shelby,Count,Van"
alert(person2.friends);                     //輸出"Shelby,Count"
alert(person1.friends === person2.friends);        //輸出false
alert(person1.sayName === person2.sayName);        //輸出true

繼承

原型鏈是實現(xiàn)繼承的主要方法

將父類實例賦值給子類構(gòu)造函數(shù)的原型

// 父類
function SuperType() {
    this.property = true;
}
SuperType.prototype.getSuperValue = function() {
    return this.property;
};

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

SubType.prototype = new SuperType();

//給子類添加新方法
SubType.prototype.getSubValue = function() {
    return this.subproperty;
};
//重寫父類的方法
SubType.prototype.getSuperValue = function() {
    return false;
};

// 實例化
var instance = new SubType();
console.log(instance.getSuperValue()); //輸出false

函數(shù)表達式

執(zhí)行代碼之前會先讀取函數(shù)聲明

遞歸

函數(shù)表達式遞歸

var factorial = (function f(num) {
    if (num <= 1) {
        return 1;
    } else {
        return num * f(num - 1);
    }
});
var anotherfactorial=factorial

factorial=null

console.log(anotherfactorial(3))    //輸出6

閉包

一個函數(shù)可以訪問另一個函數(shù)作用域中的變量,那么前者就叫做閉包馏锡。

創(chuàng)建閉包最常見的方式就是在函數(shù)內(nèi)部創(chuàng)建函數(shù)

閉包可以封裝變量或者模擬塊級作用域

閉包的缺陷:

function createFunctions () {

var result = new Array()

for (var i=0 ; i<10 ; i++) {

    result[i] = function() {

        return i
    }
}
return result
}
//想要的效果是每個函數(shù)都返回自己的索引值,但實際上每個函數(shù)都返回10

//本質(zhì)是子函數(shù)對父函數(shù)的引用是父函數(shù)運行結(jié)束之后的狀態(tài)伟端,要使用運行時候的狀態(tài)就應(yīng)該在加上自執(zhí)行

function createFunctions {

var result= new Array();

for (var i = 0; i < 10; i++) {

    result[i] = function(num) {

        return function() {

            return num;
        };
    }(i);
}
return num;
}

封裝

JavaScript并沒有塊級作用域的概念杯道,只有全局作用域和函數(shù)作用域,那么如果想要創(chuàng)建塊級作用域的話,我們可以通過閉包來模擬党巾。

創(chuàng)建并立即調(diào)用一個函數(shù)萎庭,就可以封裝一個塊級作用域。該函數(shù)可以立即執(zhí)行其中的代碼齿拂,內(nèi)部變量執(zhí)行結(jié)束就會被立即銷毀驳规。

function outputNumbers(count) {

(function() {
    for (var i = 0; i < count; i++) {
        alert(i);
    }
})();
// i在外部不可用,便有了類似塊級作用域
alert(i); //報錯
}

靜態(tài)私有變量

(function() {
//私有變量和私有函數(shù)

var privateVariable = 10;

function privateFunction() {

    return false;

}

//構(gòu)造函數(shù)

MyObject = function() {};

//公有/特權(quán)方法

MyObject.prototype.publicMethod = function() {

    privateVariable++;

    return privateFunction();

};

需要注意的是署海,這個模式在定義構(gòu)造函數(shù)時沒有使用函數(shù)聲明吗购,在嚴格模式下會導致錯誤

總結(jié)

以上是我從《JavaScript高級程序設(shè)計》閱讀后的總結(jié),并不是我想象中的高級設(shè)計砸狞,完全是ES5跳坑指南啊( `д′)

最近剛開始看ES6捻勉,越來越嫌棄ES5了,閉個毛線包啊刀森,立即執(zhí)行毛線啊踱启,let不好嗎!

(ノ?益?)ノ彡┻━┻

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末研底,一起剝皮案震驚了整個濱河市埠偿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌榜晦,老刑警劉巖冠蒋,帶你破解...
    沈念sama閱讀 219,039評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異芽隆,居然都是意外死亡浊服,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評論 3 395
  • 文/潘曉璐 我一進店門胚吁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來牙躺,“玉大人,你說我怎么就攤上這事腕扶∧蹩剑” “怎么了?”我有些...
    開封第一講書人閱讀 165,417評論 0 356
  • 文/不壞的土叔 我叫張陵半抱,是天一觀的道長脓恕。 經(jīng)常有香客問我,道長窿侈,這世上最難降的妖魔是什么炼幔? 我笑而不...
    開封第一講書人閱讀 58,868評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮史简,結(jié)果婚禮上乃秀,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好跺讯,可當我...
    茶點故事閱讀 67,892評論 6 392
  • 文/花漫 我一把揭開白布枢贿。 她就那樣靜靜地躺著,像睡著了一般刀脏。 火紅的嫁衣襯著肌膚如雪局荚。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,692評論 1 305
  • 那天愈污,我揣著相機與錄音耀态,去河邊找鬼。 笑死钙畔,一個胖子當著我的面吹牛茫陆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播擎析,決...
    沈念sama閱讀 40,416評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼簿盅,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了揍魂?” 一聲冷哼從身側(cè)響起桨醋,我...
    開封第一講書人閱讀 39,326評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎现斋,沒想到半個月后喜最,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,782評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡庄蹋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,957評論 3 337
  • 正文 我和宋清朗相戀三年瞬内,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片限书。...
    茶點故事閱讀 40,102評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡虫蝶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出倦西,到底是詐尸還是另有隱情能真,我是刑警寧澤,帶...
    沈念sama閱讀 35,790評論 5 346
  • 正文 年R本政府宣布扰柠,位于F島的核電站粉铐,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏卤档。R本人自食惡果不足惜蝙泼,卻給世界環(huán)境...
    茶點故事閱讀 41,442評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望劝枣。 院中可真熱鬧踱承,春花似錦倡缠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,996評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽琢唾。三九已至载荔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間采桃,已是汗流浹背懒熙。 一陣腳步聲響...
    開封第一講書人閱讀 33,113評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留普办,地道東北人工扎。 一個月前我還...
    沈念sama閱讀 48,332評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像衔蹲,于是被迫代替她去往敵國和親肢娘。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,044評論 2 355

推薦閱讀更多精彩內(nèi)容