ES6更新的3种精简化代码，（1.速写属性 2.速写方法 3.模板字符串）

1.速写属性
2.速写方法
3.模板字符串
旧的（未使用速写方法）

var name = "空手夺白刃";
var age = 18;
var person ={name: name,age: age,
};console.log(person);

新的速写属性（下方）

var name = "空手夺白刃";
var age = 18;
var person ={name,// 减少了name：age,// 减少了age：
};console.log(person);

旧的（未使用速写方法）

var person ={name: "空手夺白刃",age: 18,sayHello: function(){// 函数console.log("你好！");// 打印},
};person.sayHello();//调用函数

速写方法（下方新的）

var person ={name: "空手夺白刃",age = 18,sayHello(){// 省略冒号和functionconsole.log("你好！");},
};person.sayHello();// 调用函数

模板字符串
上段代码

var person ={name: "空手夺白刃",age: 18,
};

旧的

var str1 = "my name is" + person.name +"\nmy age is" + person.age;console.log(str1);

模板字符串（下方新的）

var str2 = `my name is ${person.name}
my age is ${person.age}`;console.log(str2);
// 这里用到(`) 是键盘ecs键下面的这个 1左边的这个符号

ES6更新的3种精简化代码，（1.速写属性 2.速写方法 3.模板字符串）相关推荐

粗糙集遗传matlab,一种基于遗传算法和粗糙集的属性约简方法及精神状态评估方法...
一种基于遗传算法和粗糙集的属性约简方法及精神状态评估方法 [专利摘要]本发明公开了一种基于遗传算法和粗糙集的属性约简方法及精神状态评估方法,该基于遗传算法和粗糙集完成了粗糙集属性约简方法通过设定合适的 ...
es6字符串添加html标签,JavaScript_详解JavaScript ES6中的模板字符串，在 ES6 中引入了一种新的字符 - phpStudy...
详解JavaScript ES6中的模板字符串在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用反引号 (`) 表示,它们看上去和普通的字符串没有什么区别.在最简单的情况下,他们就是 ...
python 根号化简_Python学习之如何简化代码?六大技巧!
众所周知,对比其他编程语言,Python更加简洁优雅.语法清晰,可以实现庞大的功能,那么Python开发如何简化代码呢?我们一起来看看方法吧. 1. 列表推导式对于一组列表,如果想让其所有元素翻倍, ...
ES6/07/Array的扩展方法，...扩展运算符,Array.from()，（arr.find(),arr.findIndex()和arr.includes()）模板字符串,Set数据结构
ES6扩展的内置对象 1,Array的扩展方法 -扩展运算符(展开语法) 1,扩展运算可以的将数组或者对象转为用逗号分隔的参数序列: let ary =[1,2,3]; //-ary;//" ...
js模板字符串自定义类名_详解JavaScript ES6中的模板字符串
这篇文章主要介绍了详解JavaScript ES6中的模板字符串,JS的ES6版本带来诸多简洁化方面的重大改进,需要的朋友可以参考下在 ES6 中引入了一种新的字符串字面量 - 模板字符串,除了使用 ...
[译]JavaScript:ES6中的模板字符串简介
原文:http://tc39wiki.calculist.org/es6/template-strings/ ES6中的模板字符串(template string)是一种能在字符串文本中内嵌表达式的字 ...
es6模板字符串中循环遍历数据踩坑
应该很少有这种需求,需要在模板字符串利循环遍历数据,现在框架都有自己模板语法. 我这里踩的坑是,我在模板字符串中用forEach,map遍历循环时,返回值一直是一个undefined 用for循环re ...
90% 的前端都会使用 ES6 来简化代码，你都用过哪些？
点击上方前端瓶子君,关注公众号回复算法,加入前端编程面试算法每日一题群前言 (介绍 ECMAScript) 最初 JavaScript 语言有 2 份标准: ECMA-262:主标准,由 ECM ...
90% 都会的 ES6 简化代码技巧，你用过哪些？
来自:掘金,作者:雪月链接:https://juejin.cn/post/6960868793140641799 前言 (介绍 ECMAScript) 最初 JavaScript 语言有 2 份标准 ...

ES6更新的3种精简化代码，（1.速写属性 2.速写方法 3.模板字符串）

ES6更新的3种精简化代码，（1.速写属性 2.速写方法 3.模板字符串）相关推荐

最新文章

热门文章