數據類型

1.分類

基本（值）類型

• Number: 任意數值
• Srting: 任意字符串
• Boolean: true/false
• undefined: undefined
• null: null

對象（引用）類型

• Object: 任意對象
• Function: 特別的對象（可以執行）
• Array: 特別對象（內部數據有序/數據下標）

2.判斷

• typeOf: 數值/字符串/布爾值/undefined/funtion
• instanceof: 判斷對象的具體類型
• ===： null/undefined

注意：typeOf不能區別：null和Object，Object和Array
3.相關問題

1).undefined和null的區別？

• undefined代表定義未賦值

• null定義并賦值了，只是值為null

var a
console.log(a) // undefined
a = null
console.log(a) // null

2).什么時候給變量賦值為null？

• 初始賦值，表明將要賦值為對象
• 變量使用結束前，讓對象成為垃圾對象（被垃圾回收器回收）

// 開始
var b = null //初始時賦值為null,表明將要賦值為對象
b = { name: 'alice'}
// 最后
b = null //將b賦值為null 讓b指向的對象成為垃圾對象（回收）

3).嚴格區分變量類型與數據類型？

數據的類型

• 基本類型
• 對象類型

變量的類型

• 基本類型：保存的就是基本類型的數據
• 引用類型：保存的就是地址值

圖解變量的類型：

數據，變量與內存

1.什么是數據？

• 存儲在內存中代表特定信息的“東東”，本質上是0101…

2.什么是內存？

• 內存條通電后產生的可儲存數據的空間（臨時存在）
• 內存產生和死亡：內存條（電路板）---->通電---->產生內存空間---->存儲數據---->處理數據---->斷電---->內存空間和數據都消失
• 一塊小內存的2個數據
  • 內部存儲的數據
  • 地址值
• 內存分類
  • 棧：全局變量/局部變量
  • 堆：對象

3.什么是變量？

• 可變化的量，由變量名和變量值組成
• 每個變量都對應的一塊小內存，變量名用來查找對應的內存，變量值就是內存中保存的數據

4.內存、數據、變量三者的關系？

• 內存是用來存儲數據的空間
• 變量是內存的標識

5.相關問題

1).關于賦值與內存的問題
var a = XXX, a內存中到底保存的是什么？

• XXX是基本數據，保存的就是這個數據
• XXX是對象，保存的是對象的地址值
• XXX是一個變量，保存的XXX的內存內容（可能是基本數據，也可能是地址值）

var a = 3 //a是基本數據，保存的就是3
a = function () {
	
} // a是對象，保存的是對象的地址值

// a是一個變量，保存的b的內存內容
var b = 'alice' // b是基本數據,所以a保存的是基本數據"alice"
a = b 
b = {} //b是對象，所以a保存的是對象b的地址值
a = b

2).關于引用變量賦值問題

• 2個引用變量指向同一個對象，通過一個變量修改對象內部數據，另一個變量看到的是修改之后的數據

var obj1 = { name: 'alice' }
var obj2 = obj1
obj1.name = 'bob'
cosole.log(obj2.name) // bob

• 2個引用變量指向同一個對象，讓其中一個引用變量指向另一個對象，另一個引用變量依然指向前一個對象

var a = { age: 12 }
var b = a
 a = { name: 'alice', age: 13 }
 console.log(b.age, a.name, a.age) // 12 alice 13

3).在js調用函數時傳遞變量參數時，是值傳遞還是引用傳遞？

• 理解1： 都是值（基本/地址值）傳遞
• 理解2：可能是值傳遞，也可能是引用傳遞（地址值）

4).引擎如何管理內存？

(1).內存生命周期

• 分配小內存空間，得到它的使用權
• 存儲數據，可以反復進行操作
• 釋放小內存空間

(2).釋放內存

• 局部變量：函數執行完自動釋放
• 對象：成為垃圾對象---->垃圾回收器回收

對象

1.什么是對象？

• 多個數據的封裝體
• 用來保存多個數據的容器
• 一個對象代表現實中的一個事物

2.為什么要用對象？

• 統一管理多個數據

3.對象的組成

• 屬性：屬性名（字符串）和屬性值（任意）組成
• 方法：一種特別的屬性（屬性值是函數）

4.如何訪問對象中內部數據？

• .屬性名：編碼簡單，有時不可以這樣用
• [‘屬性名’]：編碼麻煩，能通用

5.相關問題
1).什么時候必須使用[‘屬性名’]的方式？

• 屬性名包含特殊字符：- 空格
• 變量名不確定

//包含特殊符號
var p = {}
p['content-type'] = 'text/json'
console.log(p['content-type'])

//變量名不確定
var pName =  'myName'
var value = 12
// p.pName = value //不能用
p[pName]) = value
console.log(p[pName])

函數

1.什么是函數？

• 實現特定功能的n條語句的封裝體
• 只有函數時可以執行的，其他類型的數據不能執行

2.為什么要用函數？

• 提高代碼復用
• 便于閱讀交流

3.如何定義函數？

• 函數聲明
• 表達式

4.如何調用函數？

• 直接調用
• 通過對象調用
• new調用
• 將函數指定為任意對象的方法進行調用

var obj = {}
function test() {
	this.XXX = 'abs'
}
// obj.test() //不能直接調用
test.call(obj) 
// or
// test.apply(obj)
console.log(obj.xxx)

5.回調函數

1).什么函數才是回調函數？

• 你定義的
• 你沒有調用
• 但是它最終執行了

2).常見的回調函數

• dom事件回調函數
• 定時器回調函數
• ajax請求回調函數
• 生命周期回調函數

6.IIFE

1).理解

• 全稱：Immediately-Invoked Function Expression
• 立即執行函數表示式

2).作用

• 隱藏實現
• 不會污染外部（全局）命名空間
• 用它來編碼js模塊

7.函數中的this

1).this是什么？

• 任何函數本質上都是通過某個對象來調用的，如果沒有直接指定就是window
• 所有函數內部都有一個變量this
• 它的值是調用函數的當前對象\

2).如何確定this的值？

• test(): window
• p.test(): p
• new test(): 新創建的對象
• p.call(obj): obj

可以自測一下對this的理解

  function Person(color) {
    this.color = color
    this.getColor = function () {
      return this.color
    }
    this.setColor = function () {
      this.color = color
    }
  }
  Person('red') // this是誰？
  var p = new Person('yellow') // this是誰？
  p.getColor() // this是誰？
  var obj = {}
  p.setColor.call(obj, 'black') //this是誰？
  var test = p.setColor
  test() //this是誰？
  
  function fun1() {
  	function fun2() {
		console.log(this)
	}
	fun2() //this是誰？
  }
  fun1()

分號問題
1.js一條語句后面可以不加分號
2.是否加分號是編碼風格問題
3.在下面2種情況不加分號會有問題

• 小括號開頭的前一條語句
• 中括號開頭的前一條語句

4.解決辦法： 在行首加分號
5.例子：vue.js庫