1. set:{}ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set 本身是一个构造函数,用来生成 Set 数据结构。const s = new Set();
[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));
for (let i of s) {
console.log(i);
}
// 2 3
ES6新增了四类数据结构:分别是Set、WeakSet、Map、WeakMap.1. Set —没有重复成员元素的数组;本质:Set本身是一个构造函数;接收一个具有iterable接口数据结构的参数,用来生成一个没有重复元素的数组;let nums=new Set([1,2,3,4,3,2]);//[1,2,3,4]
nums.add(2);//[1,2,3,4]
nums.add('2');//
ES6知识笔记
原创
2022-11-23 00:05:58
27阅读
一、整理数组新增方法
1.数组新增方法 map
//map方法:给数组中每一个元素进行特殊处理后,返回一个新的数组
let prices=[20,30,40]
//20元 30元 40元
prices=prices.map(item=>item+="元")
console.log(prices)2.数组
一.ES6相关概念 什么是es6 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 二. ES6新增语法 let 关键字 :用于声明变量的关键字 let 和原先的var不同,let声明的变量只在处于的块级中有效 if (true) { le ...
转载
2020-11-27 20:18:00
226阅读
2评论
let const 声明变量let
布尔 字符串 数值 null undefined
const
数组 对象 函数
let
let声明的变量 不会被预解析 提前调用结果是报错
let声明的变量 变量名称不能重复
每一个{}对于 let声明的变量 就是一个独立的作用域, 在 {} 中 使用let定义的变量 只能在 {} 中 调用使用在循环中 使用 let
每一次循环 对于 let
每一次循环 相
原创
2023-09-14 14:25:28
74阅读
1.promise概念ES6 原生提供了 Promise 对象。所谓 Promise,就是一个对象,用来传递异步操作的消息。它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的 API,可供进一步处理。Promise 对象有以下两个特点。(1)对象的状态不受外界影响。Promise 对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又
转自:ES6新增语法 - 知乎 (zhihu.com) ...
转载
2021-08-09 14:20:00
77阅读
2评论
1、promisepromise是es6解决异步一种方案,解决了es5处理异步回调函数的回调地狱问题。它本质上是一个对象,在new对象的时候参数是一个函数,这个函数有两个形参 成功后的回调 和失败后的回调 。Promise 异步操作有三种状态:pending(进行中)、fulfilled(已成功)和 rejected(已失败)。除了异步操作的结果,任何其他操作都无法改变这个状态。错误回调的处理可以
一、参数es6允许为函数的参数设置默认值:函数的形参是默认声明的,不能使用let或 const再次声明参数默认值可以与解构赋值的默认值结合起来使用当参数为对象的时候才能进行解构,如果没有提供参数的时候,变量x和y就不会生成,从而报错,这里设置默认值避免参数默认值应该是函数的尾参数,如果不是非尾部的参数设置默认值,实际上这个参数是没发省略的二、属性length:length将返回没有指定默认值的参数
箭头函数 arrow functiones6新增内容,用箭头语法简写函数,且this会自动绑定当前上下文:[1, 2, 3, 4].map(d => d * d);//单行
//也可以写多行
[1, 2, 3, 4].map(d => {
console.log(this)
return d * d
})等价于[1, 2, 3, 4].m
本文谈谈关于ES6的新特性,关于专业知识表述不当之处,欢迎批评指正!
本文谈谈关于ES6的新特性,主要从1.变量、2.函数、3.数组、4.字符串、5.面向对象、6.Promise、7.generator、8.JSON等几个方面叙述。1、变量
var 可以重复声明,无法限制修改,函数级作用域
let 不能重复声明,变量-可以修改,块级作用域
c
ES6中新增的语法扩展运算符利用扩展运算符来合并数组方法1方法2将类数组或可遍历对象转换为真正的数组Array.from()find()findIndex()数据扁平化includes()遍历对象startsWith() 和 endsWith()repeat()扩展运算符扩展运算符又被称为展开语法 扩展运算符可以将数组或者对象转化为用逗号隔开的参数序列 如下let arr = ['a','b','
对象对象(object)是 JavaScript 最重要的数据结构。ES6 对它进行了重大升级,我们来了解一下对象的扩展和新增方法1.属性的简洁表示法ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。const age = 12;
const name = "Amy";
const person = {age, name};
person //{age:
1. Array.from()Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括 ES6 新增的数据结构 Set 和 Map)。实例1:let obj = {
'0':1,
'1':2,
'2':3,
length:3
};
ES5:
console.log([].slice.call(obj));//
一、参数ES6允许为函数的参数设置默认值function log(x, y = 'World') {
console.log(x, y);
}
console.log('Hello') // Hello World
console.log('Hello', 'China') // Hello China
console.log('Hello', '') // Hello函数的形参是默认声明的
目录ES5语法获取操作元素通过id获取元素通过class获取元素通过name获取元素通过标签名获取元素ES6语法获取操作元素通过css选择器获取单个元素通过css选择器获取多个元素成功获取元素浏览器控制台截图首先给出一段基本的代码,准备好需要获取的元素:(注意:以下获取元素的操作都是在本段代码的基础上获取的!!!)<body>
<div id="IdBox">
解构与符号解构对象解构什么是解构使用ES6的一种语法规则,将一个对象或某个属性提取到某个变量中let obj = {
name:"java",
age:20,
method(){}
}
// let name = obj.name;
// let age = obj.age;
// let method
ES6标准新增了一种新的函数:Arrow Function(箭头函数)基础语法一般函数的定义
原创
2022-11-17 01:39:10
72阅读
电梯 原文 https://www.jianshu.com/p/5f40c43c6f85 重点: 6 遍历map结构 正则扩展 at相当于charAt() ,可以识别中文normarize()includes() , startsWith() , endsWith()repeat(n) //n为重复
转载
2021-08-04 14:57:23
124阅读