ES6
小志的博客
随笔笔记,仅供参考
展开
-
es6解构赋值
1、es6解构赋值 具体点 解析解构,然后自动赋值,简化程序员代码编写; 2、对象的解构赋值实例 es6之前的实例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head>...原创 2019-10-08 16:29:00 · 228 阅读 · 0 评论 -
es6 Symbol类型
es5中对象的属性名是都是字符串,容易造成重名; es6引入Symbol数据类型(已有Number 、 String 、 Boolean 、 Object、 null 和 undefined 类型); 一、 创建symbol属性值 <script type="text/javascript"> let symb=Symbol(); console.log(symb); co...原创 2019-10-09 09:15:11 · 296 阅读 · 0 评论 -
es6 Map与Set
一、Map 基本操作 1、key是基本类型 <script type="text/javascript"> //key是基本类型 let map=new Map(); map.set('name','xiaozhi'); map.set('age',26); map.set('sex','男'); console.log("姓名:"+map.get('name'...原创 2019-10-08 17:32:47 · 221 阅读 · 0 评论 -
ES6 let const关键字
在es6中,引入了let和const关键字; let关键字是用来取代var的; let作用,与var类似,用于声明一个变量; 一、let关键字特点: 1,在块级作用域里有效 实例: 报错:ReferenceError: a is not defined 2、不能重复声明 实例: 报错如下图: 二、const关键字特点 1、const关键字用来定义常量;不可改变,其他特性和let一样; 实例...原创 2019-10-08 14:43:08 · 277 阅读 · 0 评论 -
es6对象定义简写
es6对象定义简写 es6提供了对象定义里的属性,方法简写方式; 一、实例: 首先定义两个属性,然后再定义一个对象,里面用到属性赋值,以及再定义一个对象方法; 二、代码: <template> </template> <script> let name='Tom'; let age=18; let obj={ name:name, age:...原创 2019-10-08 14:52:30 · 664 阅读 · 0 评论 -
es6 模版字符串
es6 模版字符串主要用于简化字符串的拼接; 一、es6以前的写法实例: 代码: <template> </template> <script> let obj={name:'Tom',age:'26'}; let str=`姓名:${obj.name},年龄:${obj.age}`; console.log(str); </script> ...原创 2019-10-08 15:00:42 · 244 阅读 · 0 评论 -
es6箭头函数
在es6中,推出了一个新语法 箭头函数; 以前定义一个函数,是这么定义的; let test=function(){ console.log('我是箭头函数'); }; 现在可以简化下,用箭头函数: let test=()=>{console.log('我是箭头函数')}; 然后假如函数体只有一条语句或者是表达式的时候{}可以省略 let test=()=>console.l...原创 2019-10-08 15:51:24 · 236 阅读 · 0 评论 -
es6三点运算符
一、es6提供了三点运算符 1、用作于可变参数; 代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script type=...原创 2019-10-08 16:03:06 · 298 阅读 · 0 评论 -
es6简介
参考:https://www.runoob.com/w3cnote/es6-tutorial.html 一、简介 ES6, 全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,2015.06 发版。 ES6 主要是为了解决 ES5 的先天不足,比如 JavaScript 里并没有类的概念,但是目前浏览器的 JavaScript 是 ES5 版本,大多数高版本的浏览器也...原创 2019-10-08 16:09:13 · 244 阅读 · 0 评论 -
es6 Reflect 与 Proxy
Proxy 与 Reflect 是 ES6 为了操作对象引入的 API 。 Proxy 可以对目标对象的读取、函数调用等操作进行拦截,然后进行操作处理。它不直接操作对象,而是像代理模式,通过对象的代理对象进行操作,在进行这些操作时,可以添加一些需要的额外操作。 Reflect 可以用于获取目标对象的行为,它与 Object 类似,但是更易读,为操作对象提供了一种更优雅的方式。它的方法与 Proxy...原创 2019-10-09 10:19:01 · 467 阅读 · 0 评论