ES6简介

已于 2022-09-27 09:48:00 修改
阅读量306 收藏
点赞数
文章标签： es6 javascript 前端
于 2022-09-26 19:22:41 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_64366317/article/details/127058833
版权

说明

ECMAScript

新的javascript标准

变量声明

var

let

1.let与var基本一致，用作变量声明

2.let在一对括号()中形成作用域

3.let声明的变量不会变量提升

4.let不能重复声明变量（同一作用域）

const

1.与let一致（局部，不提升，不能重复声明）

2.声明必须赋值

3.赋值不能修改

4.建议大写

数组的解构

1.数组解构：把数组解析为单个变量

2.通过逗号跳过

3....接收剩余值（不定参)

4.可以给默认值

5.快速交换变量

对象简写

属性简写

函数的简写

属性名可以用变量拼接

 字符串

遍历

for of

查找

incldudes 是否包含

startWith 以xxx开头

endWith 以xxx结尾

补齐

padStart（len，symbol）

padEnd（len,symbol)

去空白

trim 两端

trimLeft 左端

trimRight 右端

数组高阶

sort 排序

ES6新增

find 查找符合条件的元素

findIndex 查找符合条件元素的下标、

forEach 遍历

forEach（function（item，index，self）

item当前遍历的元素

index 当前的下标

self 被遍历的数组

filter 过滤

fifter过滤元素（返回true保留，返回false过滤掉）

map 映射

reduc 累计

reduce（function（a，b））

a上一次返回的结果

b当前遍历的元素

some有一为真，则整体为真

every所有的回调函数返回为真，才返回真

 箭头函数

    1.箭头函数 函数的简写

    2.如果参数不是一个不需要添加（）；

    3.如果有多行语句用{}，返回值用renter

    4.如果需要返回对象用({})

m0_64366317
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6 —（数组扩展）
糖衣
08-17 1712
1、扩展运算符  扩展运算符（...）将一个数组转为用逗号分隔的参数序列。扩展运算符后面可以放置表达式，也可以是一个空数组，若是空数组，则不产生任何效果。 const arr = [ ...(x > 0 ? ['a'] : []), 'b' ]; [...[], 1] // [1] 用途   （1）
【es6】详细笔记
前端学习博客
03-09 702
ES6 详细笔记 ES6中的特性 let 和 const 变量的赋值解构 字符串的扩展 正则的扩展 数值的扩展 函数的扩展 对象的扩展 运算符的扩展 Symbol Set 和 Map Proxy Reflect Promise Iterator for … of Generator async Class Module 这里按照ES6标准入门的目录顺序写的笔记，只写了一部分，后序的部分分成了好几篇笔记写的。 文章目录ES6 详细笔记1.let/constⅠ-概括与总结Ⅱ-let关键字Ⅲ-const关键字
ES6之includes()方法
你想要的都有
09-10 1万+
Array.prototype.includes方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的includes方法类似。 参数 1）第一个参数是要查找的元素 2）第二个参数表示搜索的起始位置，默认为 0 。如果第二个参数为负数，则表示倒数的位置，如果这时它大于数组长度（比如第二个参数为 -4 ，但数组长度为 3 ），则会重置为从 0 开始。 只有一个参数情况 [1, 2, 3].in...
ES6 的新增方法
twenj1616的博客
03-17 111
字符串的新增方法 includes() 判断字符串中是否含有某些字符 基本用法 console.log('abc'.includes('a')); // true console.log('abc'.includes('ab')); // true console.log('abc'.includes('ac')); // false 第二个参数 表示开始搜索的位置，默认是 0 console.log('abc'.includes('a')); // true console.log('a
详解Es6 includes字符串方法
龚珂心的博客
08-24 998
​ 在开发中，经常会碰到判断一段字符串中是否包含某项字符的需求，用es5常用的方法通常是indexOf()去解决，例如 : var str = ‘这是测试字符串’; if(str.indexOf(‘测试’) != -1){ console.log(true) //包含 }else{ console.log(false) //不包含 } 或者三目也可 str.indexOf(‘测试’) != -1 ? console.log(true) : cosnole.log(false) ; 而es6
es6简介
weixin_40882674的博客
08-19 151
新增变量声明关键字 es5 var声明变量 。 提升变量，并赋值为undefined 。 例1- console.log(test) ; var test; 打印结果为undefined 。 注：老版本中不使用var 声明的会跳出局部，变为全局变量。 不用var 声明的不可删除，因为没声明的变量为window的属性，它的描述符的configurable为false，表示不可以被删除 var 声明...
es6 简介
xiawenyi1234的博客
06-23 433
ES6 ECMAScript 6 简介 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 ECMAScript 和 JavaScript 的关系 一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ 要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netsc
discountry#learn-react-from-scratch#1-1-React新版本及ES6简介1
07-25
课程简介Getting Started变化React语法变化ES6基本语法第一节课呢，我们就来简单介绍一下这些应用在React开发当中，属于 ES6 的新的关键
JavaScript学习笔记（十六）——ES6简介
qq_56607109的博客
06-18 4289
ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。目前各大浏览器基本上都支持 ES6 的新特性，其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好，IE7~11 基本不支持 ES6。浏览器内核（重要）1、
ES6 简介（一）
既然选择远方，便只顾风雨兼程！
02-03 3451
ECMAScript 6(ES6) 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。ES6经过持续几年的磨砺,它已成为JS。
ECMAScript6新特性【命令行工具、ES6简介、Babel转码器、Let 命令、Const 命令】(一)-全面详解（学习总结---从入门到深化）
03-08 319
ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。
ES6 includes()方法小结
xnyssxy的博客
01-30 2万+
在ES5，Array已经提供了indexOf用来查找某个元素的位置，如果不存在就返回-1，但是这个函数在判断数组是否包含某个元素时有两个小不足，第一个是它会返回-1和元素的位置来表示是否包含，在定位方面是没问题，就是不够语义化。另一个问题是不能判断是否有NaN的元素。 例如： const arr1 = ['a', 'b', 'c', 'd', 'e', 'f
详解ES6新增字符串includes方法。
baidu_38027860的博客
05-25 3万+
在开发中，经常会碰到判断一段字符串中是否包含某项字符的需求，用es5常用的方法通常是indexOf()去解决，例如 : var str = '这是测试字符串';if(str.indexOf('测试') != -1){    console.log(true)    //包含}else{    console.log(false)    //不包含}或者三目也可str.indexOf('测试') !...
js filter() es6 方法总结
热门推荐
bossxu_的博客
06-21 9万+
1.创建一个数组，判断数组中是否存在某个值 var newarr = [ { num: 1, val: 'ceshi', flag: 'aa' }, { num: 2, val: 'ceshi2', flag: 'aa2' } ] console.log(newarr.filter(item => item.num===2 )) 2.去掉空数组空字符串、unde...
ES6笔记总结（Xmind格式）：第三天
m0_71805303的博客
08-23 866
ES6知识总结：Promise的使用:1.使用 new Promise() 构造函数来创建一个 promise 对象2.接受两个函数作为参数：resolve 和 reject①resolve 函数在异步操作成功完成时调用，并将 promise 的状态从 "pending" 变为 "fulfilled"，同时将操作的结果作为参数传递出去。②reject 函数在异步操作失败时被调用，并将 promise 的状态从 "pending" 变为 "rejected"，同时将错误作为参数传递出去。
JavaScript ES6+ 新特性
fanchen4139的博客
08-28 1055
JavaScript ES6+ 新特性
类与ES6类之间的继承
最新发布
分享学习网络的点点滴滴
08-28 320
● 下面是之前学习ES6 classes的代码greet() {console.log(`你好${thisconsole . log(` 你好 ${ this . fullName } `);`);} //静态方法 static hey() {console . log('哈喽！');} }`);${console . log(` 你好 ${ this . fullName } `);`);} //静态方法 static hey() {
【JavaScript】JavaScript模块化开发：ES6模块与CommonJs的对比与应用
衍生星球的博客
08-27 1358
JavaScript最初被设计为一种简单的脚本语言，用于实现网页上的交互功能。随着互联网技术的发展，Web应用变得越来越复杂，JavaScript代码量急剧增加，这导致了代码维护和复用变得困难。为了解决这些问题，模块化开发应运而生。模块化开发允许开发者将大型应用拆分成多个小型、独立的模块，每个模块负责特定的功能。这种开发方式与JavaScript语言的发展紧密相连，它使得代码更加易于管理和维护。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值