ES6新特性常用汇总

    技术2022-07-11  80

    概括

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

    至此,结束。

    Processed: 0.011, SQL: 9