ES6语法入门——下

客官°小女子只卖身不卖艺 2022-06-10 14:13 214阅读 0赞

template string

$("#result").append(
      "There are <b>" + basket.count + "</b> " +
      "items in your basket, " +
      "<em>" + basket.onSale +
      "</em> are on sale!"
    );//es5
    
    $("#result").append(`
      There are <b>${basket.count}</b> items
       in your basket, <em>${basket.onSale}</em>
      are on sale!
    `);//es6 用反引号（\）来标识起始，用${}`来引用变量，而且所有的空格和缩进都会被保留在输出之中

Destructuring(解构)

let cat = 'ken'
    let dog = 'lili'
    let zoo = {cat: cat, dog: dog}
    console.log(zoo)  //Object {cat: "ken", dog: "lili"} es5
    
    let cat = 'ken'
    let dog = 'lili'
    let zoo = {cat, dog}
    console.log(zoo)  //Object {cat: "ken", dog: "lili"} es6
    //反过来可以这么写：
    let dog = {
       type: 'animal', many: 2}
    let { type, many} = dog
    console.log(type, many)   //animal 2

default(默认值), rest(数组参数)

function animal(type){ 
        type = type || 'cat'  
        console.log(type)
    }
    animal()//es5
    
    function animal(type = 'cat'){ 
        console.log(type)
    }
    animal()//es6
    
    //最后一个rest语法也很简单，直接看例子：
    function animals(...types){ 
        console.log(types)
    }
    animals('cat', 'dog', 'fish') //["cat", "dog", "fish"]

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript ES6新语法入门

[精选30+云产品，助力企业轻松上云！>>> ![hot3.png][]][30_ _hot3.png] 1.let&const let：声明的变量是局部变量 con

超、凢脫俗/ 2023年02月24日 11:06/ 0 赞/ 26 阅读

相关 ES6的入门语法学习（一）

一、ECMAScript 6 1、什么是 ECMAScript 6 ECMAScript 6.0（简称 ES6）是 JavaScript 语言的下一代标准， 2015

电玩女神/ 2022年12月12日 15:23/ 0 赞/ 214 阅读

相关【ES6】新语法入门篇

【ES6】新语法 let关键字新加入了块级作用域（即在大括号中的就是块级作用域，例如if中）没有变量提升了不能从新定义了就算在全局中

布满荆棘的人生/ 2022年11月21日 11:28/ 0 赞/ 300 阅读

相关 es入门语法

//插入数据 curl -X PUT \ http://127.0.0.1:9200/people/employee/1 \ -H 'C

约定不等于承诺〃/ 2022年09月11日 08:17/ 0 赞/ 246 阅读

相关 ES6语法入门——下

template string $("result").append( "There are <b>" + basket.count + "</b> "

客官°小女子只卖身不卖艺/ 2022年06月10日 14:13/ 0 赞/ 215 阅读

相关 ES6语法入门——上

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。最常用的

╰+哭是因爲堅強的太久メ/ 2022年06月10日 08:14/ 0 赞/ 222 阅读

相关 Es6语法

1.var要比let的位高,作用域要大 2.let的作用范围很小很小 3.若果在函数内定义一个var变量,在函数外是不能被访问的. function user()

素颜马尾好姑娘i/ 2022年05月09日 06:20/ 0 赞/ 394 阅读

相关 es6基本语法

> 为了更好地学习语法和之后的vue，es6是必不可少的一步！ <!DOCTYPE html> <html lang="en"> <head

傷城~/ 2022年03月06日 02:44/ 0 赞/ 359 阅读

相关 ES6语法基础

一，let 与 const ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所

布满荆棘的人生/ 2021年09月21日 09:44/ 0 赞/ 574 阅读

相关 ES6语法

ES6语法 Tags: javascript const 与 let 变量使用`var`带来的麻烦: function getClothing(isC

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