专栏首页前端博客:https://alili.teches6模板字符串、增强的对象字面、解构赋值

抱歉,你查看的文章已删除

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

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允许我们提取数组和对象里的值,赋给变量,
函数的结构赋值
祝大家开心

版权声明

本文资源来源互联网,仅供学习研究使用,版权归该资源的合法拥有者所有,

本文仅用于学习、研究和交流目的。转载请注明出处、完整链接以及原作者。

原作者若认为本站侵犯了您的版权,请联系我们,我们会立即删除!

原文标题

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

原文链接

https://segmentfault.com/a/1190000010166235

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端-part4-JavaScript字符串+数组+循环

    少年包青菜
  • node+express使用multiparty实现文件上传

    文件上传在一个项目中是相对于比较基础的功能,今天分享一下自己是如何在nodejs中使用中间件multiparty实现文件上传的。nodejs环境的搭建就不赘述了...

    算法与编程之美
  • JavaScript

    JavaScript是前端的一门编程语言简称JS,需要说明的是JS和java没有关系,js也叫ecmascript,当前使用较多的版本是5.1版本。

    GH
  • 前端之JavaScript内容

    一、JavaScript概述 1、JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEn...

    新人小试
  • js 逗号表达式

    yaphetsfang
  • 前端学习笔记之JavaScript

    尽管 ECMAScript 是一个重要的标准,但它并不是 JavaScript 唯一的部分,当然,也不是唯一被标准化的部分。实际上,一个完整的 JavaScri...

    Jetpropelledsnake21

扫码关注云+社区

领取腾讯云代金券