es6快速入门(2)

1.字符串增强

indexOf类型增强

'my string'.startsWith('my'); //true
'my string'.endsWith('my');   //false
'my string'.includes('str');  //true
//es5写法
var str = 'my string';
str.indexOf('my') == 0; //true
str.lastIndexOf('my') == (str.length - 'my'.length); // false
str.indexOf('str') > -1; // true

重复字符串

我感觉在写python

'my '.repeat(3); // 'my my my '

模版字符串

模板字符串提供了一个简洁的方式去创建字符串和实现字符串插值。见代码:

let name = 'John';
let apples = 5;
let pears = 7;
let bananas = () => 3; 

console.log(`This is ${name}.`);
console.log(`He carries ${apples} apples, ${pears} pears, and ${bananas()} bananas.`);

// ES5 equivalent:
console.log('He carries ' + apples + ' apples, ' + pears + ' pears, and ' + bananas() +' bananas.');
//ES5
var data ='hid='+hid+'&name='+that.name+'&email='+that.email+'&contact='+that.contact+'&comment='+that.comment;
$.get('/_api/House/houseQuery?'+data,function(d){});

//ES6
let data = 'hid=${hid}&name=${self.name}&email=${self.email}&contact=${self.contac}&comment=${self.comment}';
$.get('/_api/House/houseQuery?${data}',function(d){});

ES6 Overview in 350 Bullet Points

ES6 Overview in 350 Bullet Points

推荐阅读更多精彩内容

  • 三,字符串扩展 3.1 Unicode表示法 ES6 做出了改进,只要将码点放入大括号,就能正确解读该字符。有了这...
    eastbaby阅读 1,322评论 0 8
  • 官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大...
    HetfieldJoe阅读 2,688评论 0 16
  • 字符的 Unicode 表示法 codePointAt() String.fromCodePoint() 字符串的...
    卞卞村长L阅读 614评论 0 0
  • 特别说明,为便于查阅,文章转自https://github.com/getify/You-Dont-Know-JS...
    杀破狼real阅读 322评论 0 0
  • 一、ES6简介 ​ 历时将近6年的时间来制定的新 ECMAScript 标准 ECMAScript 6(亦称 ...
    一岁一枯荣_阅读 4,850评论 8 25
  • 枯叶再怎么平庸也有华丽的时刻 再怎么华丽,终究是枯叶 可是毕竟也曾绚烂过, 也曾成为那茂密绿荫的一角, 再怎么华丽...
    辰悸阅读 386评论 0 1
  • 一、Github Pages的使用 1、首先你得有一个Github账号,没有的话去github.com注册一个; ...
    黑白myy阅读 251评论 0 0
  • 我有一个粉色的梦 两只猫与一条狗 静谧的小屋和潺潺的溪水 我有一个粉色的梦 骑着白马的王子 爱上穿着花裙子的少女 ...
    惜薇lemon阅读 72评论 0 1