概括
ES6新特性总的来说,其实是为了让程序员更方便快捷的去书写代码和逻辑,说的高大上点就是:语法糖。这篇文章,只总结了目前我个人认为在写代码时,比较喜欢常用到的一些新特性。
ES6新特性常用汇总
Array数组方面新特性
1、forEach
数组遍历
let array = ['a', 'b', 'c'];
array.forEach(function(item, index){
console.log('值:', item, '下标', index);
});
/*运行结果值:
值: a 下标 0
值: b 下标 1
值: c 下标 2*/
String字符串方面的新特性
1、字符串模板
反单引号 比如: 反单引号内: 文字描述${变量}
let temp = '测试'
console.log(`temp值为:${temp}`);
/*运行结果
temp值为:测试
备注:上面的写法等于:'temp值为:'+temp
*/
2、startsWith()
和startsEnd()
函数,返回布尔值,表示参数字符串
是否在源字符串的头部/尾部。例如:
let str = 'https://www.baidu.com/';
if(str.startsWith('http://') || str.startsWith('https://')){
console.log('这是一个网址');
}else{
console.log('这不是一个网址');
}
/*运行结果
这是一个网址
*/
JSON方面的新特性
1、JSON.stringify()
,一般用于我们向服务器传输数据时使用,将一个JSON对象转化为字符串。
2、JSON.parse()
,作用刚好与stringify()
相反,用于将一个标注的JSON字符串转化为JSON对象。
例如:
let json = {name: 'ximing', age: 18};
let temp1 = JSON.stringify(json);
let temp2 = JSON.parse(temp1);
console.log(json, temp1, temp2, typeof(json), typeof(temp1), typeof(temp2));
运行结果(在谷歌浏览器F12调试模式下截图):
Promise
1、请看我的另一篇博客:https://blog.csdn.net/Mr_JiaTao/article/details/103399854
补充
ES7
1、**
求幂,例如:
let temp1 = 2**2;
let temp2 = 4**0.5;
console.log(temp1, temp2);
/*运行结果
4 2
*/
至此,结束。