es6相关

Bertha 。 2024-04-06 12:46 7阅读 0赞

1.解构:

//解构
    
    //let定义的变量只能定义一次,不能再顶一个let username这种
    let user ={
        username:"zx",
        password:"111",
        eat(){
            console.log(" i am eating")
        }
    };
    let {username, password} = user
    console.log(username)
    console.log(password)
    
    //先ctrl + s 再运行上述脚本 具体的命令 node .\es6.js
    
    let [a,...d] =[1,2,3];
    console.log(a);
    console.log(d);
    
    let{eat} = user
    eat()

2.模块化

//模块化,从另一个js文件里导入
    import user from './b.js'
    console.log(user)

let user = {
        userName:'张三',
        password:"123",
        login(){
            console.log("login success!")
        }
    }
    
    //导出b.js
    export default user;

在导入的时候默认的不用加大括号,非默认的要加\{\}

//在b文件中添加如下语句
    export let x = '哈哈' 
    
    //若想在a中引用则在开头加上这句话
    
    import user,{x} from './b.js'

3.箭头函数内的this指向的是外层的调用者

4.promise

//将一个异步请求包装成一个promise对象
    //其中参数resolve,reject 将来我们的异步任务如果执行成功,则会主动调用resolve,
    //可以将resolve的值传递给下一个异步任务
    
    //第一个任务
    
    new Promise((resolve,reject) =>{
        setTimeout(()=>{
            console.log("陕西省")
            resolve("陕西省")
        
        },1000)
        //当异步任务执行成功之后,对下一步then中的函数进行回调
    }).then(res =>{
        console.log("第二个任务"+res)
        return new Promise((resolve,reject) =>{
            setTimeout(()=>{
                console.log(res+'第二市')
                resolve(res+"第二市区")
            },1000)
        })
    }).catch(err=>{
        console.log("出现了错误!")
    })