es6模板字符串、增强的对象字面、解构赋值

laznrbfe 发布于2019-08-21 11:47 / 968人阅读

摘要：模板字符串增强的对象字面解构赋值模板字面量是允许嵌入表达式的字符串字面量。它们在规范的先前版本中被称为模板字符串。

es6模板字符串、增强的对象字面、解构赋值

模板字面量是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串。

var str = `I
            Love
            you`;
console.log(str);
var str1 = "I"+
            "Love"+
            "You"
console.log(str1)

var name = "筱妍";
var age = 23;
var sex = "女";
var js = "我叫"+name+",今年"+age+"，性别"+sex+"，来自黑龙江哈尔滨";
console.log(js)

var js1 = `我叫${name},今年${age}，性别${sex}，来自黑龙江哈尔滨`;
console.log(js1);

//标签模板字符串
function tag(strings,...args){
    console.log(strings);
    console.log(args);
}
var a = 1;
var b = 2;
var st = tag`
    ${a} + ${b}=${a+b}
    `;
console.log(st);

``撇号

绑定变量

字符串支持多行

...扩展运算符

对象字面量的输出方式有两种：传统的‘。’，以及数组方式，只不过用数组方式输出时，方括号里面要用引号括起来

var box = {
   name:’abc’;
   age:28
};
alert(box[‘name’])

对象字面量的定义方式，可以轻松搞定函数大量参数需要一一对应输出的情况。他的对策就是给函数传入一个对象，而这个对象是用字面量的方式定义的，属性和值对应的方式可以一目了然他们的关系，因为函数只是一段代码，必须调用才能执行

function AA(obj){
      alert(obj.name);
       alert(obj.age);
}
var obj = {
      name: "abc",
      age: 28
}
AA(obj);

字面量对象属性能够简写

字面量对象方法可以简写省去function关键字

对象属性可以写自动计算的属性

继承——port——

解构赋值可将数组的元素或对象的属性赋予给另一个变量，该变量的定义语法与数组字面量或对象字面量很相似。此语法非常简洁，相比于传统的属性访问方式，更加直观清晰。

var first = someArray[0];
var second = someArray[1];
var third = someArray[2];

事实上，用变量来描述并不恰当，因为你可以对任意深度的嵌套数组进行解构：

var [foo, [[bar], baz]] = [1, [[2], 3]];
console.log(foo);
// 1
console.log(bar);
// 2
console.log(baz);
// 3

可以在对应位留空来跳过被解构数组中的某些元素：

var [,,third] = ["foo", "bar", "baz"];
console.log(third);
// "baz"

指es6允许我们提取数组和对象里的值，赋给变量，

函数的结构赋值

祝大家开心

超融合服务器 idc机房托管解构赋值对象解构字面量对象对象javascript字面量

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/87112.html

经常会用到的es6的知识点

摘要：经常会用到的的知识点提到我们就来说说，也是诞生，它的初始名叫。又名，在，和大受重用。年，负责制定规范草案的委员会决定将定义新标准的制度改为一年一次出现。它们在规范的先前版本中被称为模板字符串。它与数组非常相似，但是数据结构的成员都是唯一的。经常会用到的es6的知识点提到es6我们就来说说javascript，es6也是ES2015 1995：JavaScript诞生，它的初始名叫...

asce1885 2019-08-20 18:03 评论0 收藏0
es6的解构赋值、扩展运算符、rest参数使用

摘要：模板字符串甚至还能嵌套解构赋值允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。运算符使用场景应该稍少一些，主要是处理不定数量参数，可以避免对象的使用。 es6中较为常用的书写风格为了书写的方便，es6中提出了很多比较友好的书写方式，其中最为常见的属于以下几个：字符串模板 `abcdef${test}` 解构赋值 let [a, b, c] = [1,...

xuweijian 2019-08-21 16:47 评论0 收藏0
ES6常用新特性——读《Understanding ECMAScript 6》总结

摘要：对象解构对象解构语法在赋值语句的左侧使用了对象字面量，例如代码中，的值被存储到本地变量中，的值则存储到变量中。当使用解构赋值语句时，如果所指定的本地变量在对象中没有找到同名属性，那么该变量会被赋值为。现在ES6在很多项目中大量使用。最近我也花时间看了一下《Understanding ECMAScript6》的中文电子书。在这里总结了一些在实际开发中常用的新特性。块级作用域在ES6...

jsliang 2019-08-21 11:50 评论0 收藏0
ES6-前世今生（0）

摘要：更新了个版本，最新正式版是语言的下一代标准，早已在年月正式发布。基本不支持移动端浏览器对的支持情况版起便可以支持的新特性。比较通用的工具方案有，，，等。 1、ECMAScript是什么？和 JavaScript 有着怎样的关系？ 1996 年 11 月，Netscape 创造了javascript并将其提交给了标准化组织 ECMA，次年，ECMA 发布 262 号标准文件（ECMA-...

LeviDing 2019-08-26 13:41 评论0 收藏0
使用ES6新特性开发微信小程序

摘要：使用新特性开发微信小程序国际化与本地化新特性国际化与本地化新增了很多对于国际化的支持，比如时间格式，货币格式，数字格式等。 ECMAScript 6（简称ES6）是JavaScript语言的最新标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。微信小程序支持绝大部分ES6的新增特性。使用ES6新特性开发微信小程序（1） ES6新特性：Cons...

Backache 2019-08-21 11:26 评论0 收藏0