es6相关

Bertha 。 2024-04-06 12:46 76阅读 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("出现了错误!")
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，76人围观）

还没有评论，来说两句吧...

相关阅读

相关 es6相关

1.解构: //解构 //let定义的变量只能定义一次,不能再顶一个let username这种 let user ={ u

Bertha 。/ 2024年04月06日 12:46/ 0 赞/ 77 阅读

相关 ES6相关面试题-ES6有哪些新特性？let和var的区别？

Es6有哪些新特性 `let`（定义变量） `const`（定义常量块级作用域(只对let、const有效) `arrow` (箭头函数)

分手后的思念是犯贱/ 2023年06月14日 13:56/ 0 赞/ 31 阅读

相关 JS基础和ES6相关

1、检测数据类型的方法（1）typeof----使用 typeof 方法来检测数据类型，基本类型大部分都能被准确检测并返回正确的字符串（除了 Null 类型，其返回 o

小灰灰/ 2023年06月11日 13:22/ 0 赞/ 19 阅读

相关 ES6相关知识点一

本章节概述了ES6的新增关键字 let 、const ，解构赋值，箭头函数和新增循环 ES6简介 ES6全称ECMAScript 6.0（也叫ES6 2015），是

谁践踏了优雅/ 2023年06月06日 12:18/ 0 赞/ 2 阅读

相关 ES7相关

/1.指数运算符（幂）：\ Array.prototype.includes(value):判断数组中是否包含指定value \/ 例： console.

待我称王封你为后i/ 2022年12月06日 12:38/ 0 赞/ 81 阅读

相关前端面试：ES6 基础知识点 & ES6 相关面试题

前言 ECMAScript 6.0（简称ES6）是 JavaScript 语言的下一代标准。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成

阳光穿透心脏的1/2处/ 2022年10月08日 12:26/ 0 赞/ 236 阅读

相关 ES6相关语法

[es6.ruanyifeng.com/\docs/intro][es6.ruanyifeng.com_docs_intro] 1、let和const命令 let

逃离我推掉我的手/ 2021年09月20日 08:30/ 0 赞/ 465 阅读

相关 ES6

ES6 1.let和const 2.ES6解构赋值 3.ES6箭头函数 4.ES6剩余参数 5.ES6扩展运算符... 6.ES6内置

野性酷女/ 2021年09月07日 06:16/ 0 赞/ 344 阅读

相关 ES6基础-ES6 class

![file][] 作者 | Jeskson 来源 | 达达前端小酒馆 > ES - Class 类和面向对象：面向对象，即万物皆对象，面向对象是我们做开发一种的方

我会带着你远行/ 2021年08月20日 00:23/ 0 赞/ 574 阅读

相关 ES6字符串相关

一实战 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

柔情只为你懂/ 2021年07月24日 11:58/ 0 赞/ 480 阅读