![](https://img-blog.csdnimg.cn/8c329b6cf58c4b98b90436ed661f0c96.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
ES6新特性
文章平均质量分 62
“es6新特性:1、向对象添加属性;2、合并对象;3、删除对象的属性;4、动态删除属性;5、调整对象属性的位置;6、默认属性;7、重命名对象的属性;8、条件属性。”
呆萌宝儿姐
CSDN专家博主、阿里云开发者社区专家博主、51CTO社区专家博主、360书馆认证博主、知乎掘金B站等平台受邀作者。
如遇开发、程序等需求,博客首页下拉加入公众号,私信博主
展开
-
ES6新特性:模块化(import 和 export)
文章目录说明说明模块化就是把代码进行拆分,方便重复利用。类似java中的导包:要使用一个包,必须先导包。 而JS中没有包的概念,换来的是模块。模块功能主要由两个命令构成: export 和 import 。export 命令用于规定模块的对外接口,import 命令用于导入其他模块提供的功能。比如我定义一个js文件:Util.js,里面有一个Util类 ,使用export将其暴露出去class Util { static sum = (a, b) => a + b;}//导出原创 2022-02-21 15:40:04 · 1909 阅读 · 0 评论 -
ES6新特性:Generator函数
文章目录说明Generator函数定义循环遍历代码案例说明Generator 函数是 ES6 提供的 一种异步编程解决方案,语法行为与传统函数完全不同。Generator函数有两个特征:function命令与函数名 之间有一个'*'函数体内部使用 yield语句定义不同的内部状态。Generator函数定义function* hello() { yield "hello"; yield "world"; return "done";}let h = hello(); // 此时原创 2022-02-21 15:20:00 · 2060 阅读 · 0 评论 -
ES6新特性:class(类)的基本语法
文章目录说明类的定义类继承代码案例说明JavaScript 语言的传统方法是通过构造函数定义井生成新对象。ES6中引入了class的概念,通过class关键字自定义类。类的定义可以通过constructor关键字进行声明构造函数class User { //构造函数 constructor(name, age = 20) { this.name = name; //添加属性并赋值 this.age = age; }}也可以添加自定义方法,同样也能添加静态方法class Us原创 2022-02-21 14:36:38 · 1573 阅读 · 0 评论 -
ES6新特性:Set和Map
文章目录说明SetSet声明Set常用方法MapMap声明Map常用方法Map遍历代码案例说明ES6提供了Set和Map的数据结构。SetSet,本质与数组类似。不同在于Set中只能保存不同元素,如果元素相同会被忽略。和java中的 Set集合非常相似。\Set声明Set构造函数可以接收一个数组或空let set = new Set();set.add(1); // [1]set.add(2);set.add(3);set.forEach(value => { console原创 2022-02-21 14:16:23 · 1548 阅读 · 0 评论 -
ES6新特性:map和reduce
文章目录说明1.map()代码示例:2.reduce()代码示例:综合案例说明ES6中,数组新增了map和reduce方法。1.map()map() :接收一个函数,将原数组中的所有元素用这个函数处理后放入新数组返回。代码示例:有一个字符串数组,我们希望转为int数组let arr = ['1', '20', '-5', '3'];console.log(arr)//传统写法let newArr = arr.map(function(s) { return parseInt(s);}原创 2022-02-21 11:42:48 · 2618 阅读 · 0 评论 -
ES6新特性:对象优化
文章目录基础用法属性打印复制对象声明对象简写对象的函数属性简写拷贝对象(深拷贝)对象合并基础用法属性打印const person = { name: 'jack', age: 21, language: ['java','js','css']};// 打印所有keyconsole.log(Object.keys(person));// 打印所有valueconsole.log(Object.values(person));// 将属性值以键值对的方式打印cons原创 2022-02-21 11:10:32 · 1780 阅读 · 0 评论 -
ES6新特性:扩展运算符 三个点(...)基础学习
说明扩展运算符(spread)是三个点(…), 将一个数组转为用逗号分隔的参数序列 。简单用法//基础用法console.log(...[1, 2, 3]); //输出 :1 2 3console.log(1, ...[2, 3, 4], 5); //输出 :1 2 3 4 5//进阶用法1(函数传参)let print = (x, y) => { return x + y};let number = [1, 2];console.log(print(...number));原创 2022-02-21 11:06:58 · 1723 阅读 · 0 评论 -
ES6新特性:函数优化(传参、箭头函数、简写)
文章目录说明函数优化(传参)函数优化(箭头函数)函数优化(函数属性的简写)实例函数属性,箭头函数,和解构表达式结合使用说明函数优化(传参)在es5中如果函数需要传入两个参,而我们只想传入一个,是如下处理的function add(a, b) { //判断b是否为空,为空就给默认值1 if (!b) { b = 1; } return a + b;}function add2(a, b) { //判断b是否为空,为空就给默认值1 b = b || 1; return a + b原创 2022-02-21 10:26:53 · 2061 阅读 · 0 评论 -
ES6新特性:解构表达式
文章目录说明1.数组解构2.对象解构实例说明1.数组解构在es6之前,想要获取数组中的元素只能通过下标, es6中可以如下做let arr = [1, 2, 3];const [x, y, z] = arr;console.log(x, y, z); //输出1,2,3如果是下面情况,就只会输出1 2const [x, y] = arr;console.log(x, y); //输出1,2当然,如果你只想拿其中的一个元素也是可以const [a] = arr;console.lo原创 2022-02-19 18:08:21 · 1900 阅读 · 0 评论 -
ES6新特性:字符串扩展
文章目录说明新增常用的api字符串模板实例说明新增常用的api例如下面的例子:let str1 = "nibuzai wo yehui henguai";console.log(str1 + "中是否含有henguai", str1.includes("henguai"));console.log(str1 + "中是否含有buguiai", str1.includes("buguai"));console.log(str1 + "是否以nibuzai开头", str1.startsWith(原创 2022-02-19 17:29:38 · 1583 阅读 · 0 评论 -
ES6新特性:let和const
说明let 或者 const,会将声明关进一个小黑屋也是TDZ(暂时性死区),只有执行到变量声 明这句语句时,变量才会从小黑屋被放出来,才能安全使用这个变量。而var存在变量提升的问题(即会将声明提升到函数或全局作用域的顶部)。我们可以参考下面的例子:实例var<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>ES6新特性学习-(1)l原创 2022-02-19 17:09:33 · 1927 阅读 · 0 评论