* 核心例子
* 修改成靜態(tài)變量（const）或塊級(jí)變量（let）
 * 開(kāi)始修改
 * 疑問(wèn)解釋?zhuān)ㄖ貜?fù)定義會(huì)發(fā)生什么）
 * 疑問(wèn)解釋?zhuān)╨et的塊級(jí)作用域是怎樣的）
 * 疑問(wèn)解釋?zhuān)╟onst定義的變量在基礎(chǔ)數(shù)據(jù)類(lèi)型和引用類(lèi)型中的差異）
* 修改成Promise的形式
 * 預(yù)備知識(shí)（回調(diào)函數(shù)是什么）
 * 預(yù)備知識(shí)（如何把回調(diào)函數(shù)改為Promise）
 * 開(kāi)始修改
* 修改成箭頭函數(shù)（Arrow Function）
 * 預(yù)備知識(shí)（箭頭函數(shù)是什么）
 * 預(yù)備知識(shí)（箭頭函數(shù)函數(shù)中的this是個(gè)坑）
 * 開(kāi)始修改
* 修改拼接字符串成模板字符串
 * 預(yù)備知識(shí)（字符串的拼接方式）
 * 預(yù)備知識(shí)（改為模板字符串的方式）
 * 開(kāi)始修改
* 修改成解構(gòu)的對(duì)象
* 修改成Class

// 定義一個(gè)學(xué)生構(gòu)造函數(shù)
var People = function(name, age) {
 this.name = name
 this.age = age
}

// 創(chuàng)建小明實(shí)例
var xiaoming = new People('xiaoming', 18)

// 定義一個(gè)考試函數(shù)
// 定義兩個(gè)回調(diào)函數(shù)，在適當(dāng)?shù)臅r(shí)候把參數(shù)傳進(jìn)去
var examStart = function(callbackSucc, callbackFail) {
 var result = prompt('1+5=')
 if(result === '6') {
 callbackSucc('Awesome. Your answer is ' + result)
 }
 else {
 callbackFail('You can try again. Your answer is ' + result)
 }
}

// 開(kāi)始考試
// 傳入的兩個(gè)回調(diào)函數(shù)分別處理結(jié)果
examStart(function(res) {
 console.log(res)
}, function(res) {
 console.log(res)
})

// 修改一 var ==> const
const Student1 = function(name, age) {
 this.name = name
 this.age = age
}

// 修改二 var ==> const
const xiaoming1 = new Student1('xiaoming', 18)

// 修改三 var ==> const
const examStart1 = function(callbackSucc, callbackFail) {
 // 修改四 var ==> const
 const result = prompt('1+5=')
 if(result === '6') {
 callbackSucc('Awesome. Your answer is ' + result)
 }
 else {
 callbackFail('You can try again. Your answer is ' + result)
 }
}

examStart1(function(res) {
 console.log(res)
}, function(res) {
 console.log(res)
})

const author = 'bw2'
const author = 'bw3' // Uncaught SyntaxError: Identifier 'author' has already been declared
let author = 'bw4' // Uncaught SyntaxError: Identifier 'author' has already been declared

// let定義的變量存在塊級(jí)作用域
if(true) {
 let test1 = 2333
}
console.log(test1) // Uncaught ReferenceError: t is not defined


// var定義的變量不存在，會(huì)直接成為全局變量
if(true) {
 var test2 = 2333
}
console.log(test2) // 2333

// const定義的變量值是基礎(chǔ)數(shù)據(jù)類(lèi)型時(shí)，不能修改值，也不能修改類(lèi)型
const num = 2333
num = 2334 // Uncaught TypeError: Assignment to constant variable.
num = '' // Uncaught TypeError: Assignment to constant variable.

// const定義的變量值是引用類(lèi)型時(shí)，可以修改值
const obj = {}
obj.test = 2333
console.log(obj.test) // 2333

const arr = []
arr.push(1)
console.log(arr) // [1]

// 定義一個(gè)支持傳入回調(diào)函數(shù)的函數(shù)
function fun1(callback) {
 // 執(zhí)行傳入的函數(shù)，并將值2333作為參數(shù)傳入
 callback(2333)
}

// 執(zhí)行定義的函數(shù)
fun1(function(res){
 // 輸出傳入的參數(shù)
 console.log(res)
})

function fun2() {
 // 在函數(shù)中返回一個(gè)Promise對(duì)象
 // resolve和reject都是函數(shù)
 return new Promise(function(resolve, reject){
 // resolve函數(shù)中的參數(shù)將會(huì)出現(xiàn)在.then方法中
 // reject函數(shù)中的參數(shù)將會(huì)出現(xiàn)在.ctch方法中
 resolve(2333)
 })
}

fun2().then(function(res){
 console.log(res) // 2333
})

const examStart2 = function() {
 // 返回一個(gè)Promise對(duì)象
 return new Promise(function(resolve, reject) {
 var result = prompt('1+5=')
 if(result === '6') {
  resolve('Awesome. Your answer is ' + result)
 }
 else {
  reject('You can try again. Your answer is ' + result)
 }
 })
}
examStart2()
.then(function(res) {
 console.log(res)
})
.catch(function(err) {
 console.log(err)
})

// 普通函數(shù)形式
const add1 = function(a, b) {
 return a + b
}
add1(1, 2) // 3

// 箭頭函數(shù)形式
const add2 = (a, b) => a + b
add2(1, 2) // 3

// 箭頭函數(shù)沒(méi)有獨(dú)立的this作用域
const obj1 = {
 name: 'bw2',
 showName: () => {
 return this.name
 }
}
obj1.showName() // ""

// 解決方案：改為function模式
const obj2 = {
 name: 'bw2',
 showName: function() {
 return this.name
 }
}
obj2.showName() // "bw2"

var examStart3 = function() {
 // 修改一
 return new Promise((resolve, reject) => {
 var result = prompt('1+5=')
 if(result === '6') {
  resolve('Awesome. Your answer is ' + result)
 }
 else {
  reject('You can try again. Your answer is ' + result)
 }
 })
}
// 修改二
examStart3().then((res) => console.log(res)).catch((err) => console.log(err))

const xh1 = 'xiaohong'
console.log('I\'m ' + xh1 + '.') // I'm xiaohong.

const xh2 = 'xiaohong'
console.log(`I'm ${xh2}.`) // I'm xiaohong.

var examStart4 = function() {
 return new Promise((resolve, reject) => {
 var result = prompt('1+5=')
 if(result === '6') {
  // 修改一
  resolve(`Awesome. Your answer is ${result}`)
 }
 else {
  // 修改二
  reject(`You can try again. Your answer is ${result}`)
 }
 })
}
examStart4().then((res) => console.log(res)).catch((err) => console.log(err))

const People2 = function(name, age) {
 this.name = name
 this.age = age
}
const xiaoming2 = new People2('xiaoming2', 18)

// 開(kāi)始結(jié)構(gòu)
const {name, age} = xiaoming2
// 現(xiàn)在可以獨(dú)立訪問(wèn)了
console.log(name) // xiaoming2
console.log(age) // 18

class People3 {
 constructor(name, age){
 this.name = name
 this.age = age
 }
 showName() {
 return this.name
 }
}

const xiaoming3 = new People3('xiaoming3', 18)
console.log(xiaoming3) // People {name: "xiaoming3", age: 18}
console.log(xiaoming3.showName()) // xiaoming3