es6入門教程

01-let.js

// var聲明的變量是沒有局部作用域的
// let聲明的變量是有局部作用域的
{
var a=1;
let b=1
}
console.log(a)
console.log(b)

//var 可以聲明多次
//let 只可以聲明一次
var m=1
var m=2
let n=1
let n=2
console.log(m)
console.log(n)


//var 會變量提升 
//let 不存在變量提升
console.log(x)
var x='apple'

02-const.js

//用const聲明一個常量，常量的值不可以改變
const PI=3.1415
PI=3

//常量一但聲明必須初始化，否則會報錯
const UI

03-解構賦值.js

//1.數組解構
//傳統
let a=1
let b=2
let c=3
console.log(a,b,c)
//es6
let [x,y,z]=[1,2,3]
console.log(x,y,z)

//2、對象解構
let user = {name:'hello',age:18}
//傳統
let name1 = user.name
let age1 =user.age
console.log(name1,age1)
//es6
//注意解構的變量必須和user中的屬性同名
let {name ,age}=user
console.log(name,age)

04-模板字符串.js

//模板字符串相當於加強版的字符串，用反引號 `,除了作為普通字符串,還可以用來定義多行字符串，還可以在字符串中加入變量和表達式。
// 字符串插入變量和表達式。變量名寫在 ${} 中，${} 中可以放入 JavaScript 表達式
let name='gyy'
let s=`hao are you ${name}`
console.log(s)

05-聲明對象簡寫.js

const name='perter'
const age=19
// 傳統
const person={
    name:name,
    age:age
}
console.log(person)
//es6
//person 中的name，age屬性必須要和定義的name，age 屬性相同 才可以簡寫
const person2={
    name,
    age
}
console.log(person2)

06-定義方法簡寫.js

//傳統
const persons={
    name:'gyy',
    age:18,
    sayHi: function(){
        console.log('hi')
    }
}
persons.sayHi()
//es6     
//方法簡寫可以直接省去‘：function’ 一般帶括號的就默認為方法
const peropet={
    name :'dandan',
    age: 19,
    sayHi(){
        console.log('haha')
    }
}
peropet.sayHi()

07-對象拓展運算符.js

let person={
    name : 'hi',
    age : 20
}
//引用賦值 會改變原來對象的值。和java的內存引用相似
//let someone=person
//拓展運算符（...）用於取出參數對象所有可遍歷屬性然后拷貝到當前對象,不會影響原對象的屬性的值
let someone={...person}
someone.name='hello'

console.log(person.name)

08-函數的默認參數.js

function showtime(name ,age=18) {
    //給函數設置默認的參數，如果沒有傳值則使用默認參數

    console.log(name+','+age)

}
//showtime('nihao',20)
showtime('nihaoya')

09-箭頭函數.js

//比較的是數組中首字母的大小排序
let arr=[20,5,10000,80,30]
let arr1=arr.sort()
console.log(arr1)

//按數值的大小去比較
let arr2=[20,5,10000,80,30]
let arr3=arr2.sort(function(a,b){
      
    return a-b

})
console.log(arr3)

// 箭頭函數
let arr4=[20,5,10000,80,30]
let arr5=arr4.sort((a,b)=>{
      
    return a-b

})
console.log(arr5)

//如果方法中只有一句話可以簡寫成去掉return
let arr6=[20,5,10000,80,30]
let arr7=arr6.sort((a,b)=>b-a)   //如果括號中只有一個參數可以簡寫成 a=>b-a
console.log(arr7)