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)

 

转载于:https://www.cnblogs.com/xiaoqiqistudy/p/11568069.html