函式
函式：函式就是封裝了一段可以重復執行的代碼塊，
function fn(){
console.log('我是函式')
}
fn();
function getSum(a,b){
return a +b;
}
console.log(getSum(1, 2));
- 函式不呼叫自己不執行
- 呼叫函式的時候，千萬別忘了加小括號
- 一次宣告函式，可以呼叫多次
- 封裝，就類似打包
回傳值
- 代碼執行到return 關鍵字后，會跳出當前函式，后續與代碼不再執行
- 函式的回傳值是什么，呼叫這個函式就相當于呼叫了什么
- 沒有回傳值的函式相當于回傳了undedined
function fn2(){
alert('fn2內部的代碼')
}
console.log(fn2()) //先彈出'fn2內部的代碼',然后控制臺列印undefined
小細節 : break ,continue ,return 的區別
break 結束當前的回圈體 （for while ）
continue 跳出本次回圈，繼續執行下次回圈（for while ）
return 回傳return 中的值 同時結束當前的函式體內的代碼
arguments的使用
JavaScript中，arguments物件是比較特別的一個物件，實際上是當前函式的一個內置屬性，也就是說所有函式都內置了一個arguments物件，arguments物件中存盤了傳遞的所有的實參，arguments是一個偽陣列，因此及可以進行遍歷
偽陣列定義：
a.具有length屬性；
b.按索引方式儲存資料；
c.不具有陣列的push,pop等方法；
當我們不確定有多少個引數傳遞的時候，可以用arguments 來獲取
定義函式有兩種方式
- 函式關鍵字自定義函式方式
// 命名函式 有函式名 為 fn
function fn() { ....}
// 呼叫 那個地方呼叫都可以
fn()
- 函式運算式方式
語法格式：
// 這是 函式運算式 寫法 匿名函式后面跟分號結束
var fn = function () { .... }；
// 呼叫的方式 但是這個方式，函式呼叫必須寫到函式體下面
fn();
- 函式沒有名字，我們稱為匿名函式
- 這個fn 里面存盤的是一個函式
- 這個執行的原理 跟我們 學的 變數使用一致的，
- 呼叫的方式 但是這個方式，函式呼叫必須寫到函式體下面
自執行函式(了解)
- 匿名函式可以作為啟動函式，定義后立即自執行
(function () {
alert('我是匿名函式，被自執行啦~~！');
})();
匿名函式自動執行寫法的，最大的好處，就是 防止命名沖突， 這種函式永遠不會沖突，
值型別和參考型別
- 基本型別
var num1 = 10;
var num2 = num1;
num1 =20;
console.log(num1); //20
console.log(num2); //10
堆疊速度比堆快，
- 參考型別
fnuction Person(name,age){
this.name = name;
this.age = age;
}
var p1 = new Person('zs',18);
var p2 = p1; //復制參考
p2.name = 'ls';
console.log(p1.name); //ls
console.log(p2.name); //ls
作用域
全域變數和區域變數
- 全域作用域
供所有代碼執行的環境(整個script標簽內部) 或者一個獨立的js檔案中 - 區域作用域（函式作用域）
會形成一個執行函式內代碼的新環境， - 全域變數
- 在全域作用域下宣告的變數叫做全域變數（在函式外部定義的變數）
- 全域變數在代碼的任何位置都可以使用
- 特殊情況， 再函式內 不var 宣告 的 變數 也是全域變數 （不建議使用）
- 區域變數
- 在區域作用域下宣告的變數叫做區域變數（在函式內部定義的變數）
- 區域變數只能在該函式內部使用
注意
-
在函式內部不宣告直接賦值使用的變數也算是全域變數
-
函式的形參實際上就是區域變數
-
區域變數當其所在的代碼塊被執行時，會被初始化，當代碼塊運行結束后，就被銷毀了，節省記憶體空間，
-
全域變數因為任何一個地方都可以使用，只有再瀏覽器關閉才會銷毀，比較占記憶體，
-
只要是代碼，就至少有一個作用域
-
寫在函式外部的是全域作用域
-
寫在函式內部的區域作用域
-
如果函式中還有函式，那么在這個作用域中就又可以誕生一個作用域，
-
根據在內部函式可以訪問外部函式變數的這種機制，用鏈式查找決定哪些資料能被內部函式訪問， 就稱作作用域鏈，
-
區域變數，寫在函式內部，當我們函式執行完畢后，里面的區域就會自動銷毀，釋放記憶體，比較節省資源，
-
全域變數 只有瀏覽器關閉的時候才會銷毀，比較浪費資源，
-
作用域鏈：我們按照鏈式方式去查找，最終決定我們變數執行那個值的程序（就近原則）
預決議
JavaScript代碼是由瀏覽器中的JavaScript決議器來執行的，JavaScript決議器在運行JavaScript代碼的時候，分為兩步：預決議和代碼執行
學習預決議能夠讓我們知道 為什么在變數宣告之前訪問變數 值是undefined 為什么在函式宣告之前就可以呼叫函式
-
預決議程序
- JavaScript決議器會在全域環境下查找 var、function關鍵字，變數只宣告不賦值，函式宣告不呼叫，
- 預決議只發生在當前作用域下
-
預決議也叫做變數、函式提升
- 變數提升
定義變數的時候，變數的宣告會被提升到當前作用域的最上面，變數的賦值不會提升， - 函式提升
JavaScript決議器首先會把當前作用域的函式宣告提前到整個作用域的最前面 - 變數名和函式名相同，優先執行 函式
- 變數提升
-
執行程序
- 變數賦值、函式呼叫、運算式運算等等，
- 首先把所有的var function 進行代碼提升，提升到當前作用域的最前面
- 變數提升的是宣告并不賦值，函式只提升宣告，并不呼叫，
console.log(num2);
var num2 = 20;
//相當于執行了下面的代碼
var num2;
console.log(num2); //undefined;
num2 = 20;
什么是物件？
- 現實生活中：萬物皆物件，物件是一個具體的事物， 看得見摸得著實物，一本書、一輛汽車、一個人都可以是“物件”，一個資料庫、一張網頁、一個與遠程服務器的連接也可以是“物件”，
物件呼叫：
- 物件里面的屬性呼叫 : 物件.屬性名 這個小點 就理解為 的
- 物件里面的屬性另外呼叫方式 : 物件['屬性名'] 注意 方括號里面的屬性 必須加 引號 我們后面會用
- 物件里面的方法呼叫： 物件.方法名() 注意這個方法名字后面一定加括號
console.log(star.name) // 呼叫 名字屬性
console.log(star.age) // 呼叫 年齡屬性
star.sayHi(); // 呼叫 sayHi 方法 注意，一定不要忘記帶后面的括號
函式和方法的區別：
- 函式是單獨存在的， 呼叫的時候 函式名() 就可以了
- 方法是再物件里面， 呼叫的時候，物件.方法名()
new Object 創建物件
var stuObj = new Obect();
stuObj.name = 'james';
stuObj.age = 11;
stuObj.sex = true;
stuObj.sayHi = function(){
alert('大家好啊~');
}
- 跟我們前面學的 new Array() 一樣，
- Object() 是建構式 第一個字母大寫
- new Object() 是呼叫建構式 因為建構式需要new 來呼叫 同時再記憶體中創建一個物件
- 注意里面使用的時候用點 . 不是 冒號 :
自定義建構式
我們可以和以前封裝函式一樣， 想創建多個物件，不用一個個的創造物件了，
抽象可以將具有相同或相似功能的js代碼獨立出來封裝成一個函式，這樣可以提高代碼的重復利用率，提高代碼書寫的效率，也可以有效的減少代碼的冗余，
我們這個函式里面封裝的物件， 為了和以前區別顯示不同， 我們稱為建構式，
- 建構式用于創建某一大類物件，首字母要大寫，
- 建構式要和new一起使用才有意義，
function Person(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
this.sayHi = function() {
alert('我的名字叫：' + this.name + '，年齡：' + this.age + '，性別：' + this.sex);
}
}
var bigbai = new Person('大白', 100, '男');
var smallbai = new Person('小白', 21, '男');
console.log(bigbai.name);
console.log(smallbai.name);
new在執行時會做四件事情
- new會在記憶體中創建一個新的空物件
- new 會讓this指向這個新的物件
- 執行建構式里面的代碼 目的：給這個新物件加屬性和方法
- new會回傳這個新物件 （所以建構式里面不需要return）
this詳解
JavaScript中的this指向問題，有時候會讓人難以捉摸，隨著學習的深入，我們可以逐漸了解
現在我們需要掌握函式內部的this幾個特點
1. 函式在定義的時候this是不確定的，只有在呼叫的時候才可以確定
2. 一般函式直接執行，內部this指向全域window
3. 函式作為一個物件的方法，被該物件所呼叫，那么this指向的是該物件（誰呼叫指向誰）
4. 建構式中的this 物件的實體
// 1. 普通函式
function fn() {
console.log(this); // this 指向 window
}
fn();
// 2 物件方法
var obj = {
name: 'zs',
dance: function() {
console.log(this);
that = this;
}
}
obj.dance(); // this 指向 obj
console.log(that === obj); // true
// 3 建構式
function Fn() {
this.age = '18';
console.log(this)
self = this;
}
var demo = new Fn(); // this 指向 demo
console.log(self === demo); // true
物件是封裝了相關屬性和方法的復雜資料型別
本質：物件就是一組無序的相關屬性和方法的集合
注意： 函式用來按功能封裝代碼，物件用來按功能封裝方法和屬性，都起到復用代碼和資料的作用，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/11199.html
標籤：JavaScript
上一篇：解決APP嵌套H5頁面時audio標簽不能自動播放問題
下一篇：js 作用域和作用域鏈