ES6新特性常用汇总

概括

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
*/

至此,结束。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值