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

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了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 = {
   @H_785_126@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模板字符串、增强的对象字面、解构赋值全部内容,希望文章能够帮你解决es6模板字符串、增强的对象字面、解构赋值所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。