基本語法
基本語法包括數(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不好嗎!
(ノ?益?)ノ彡┻━┻