
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 · 248 阅读 · 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 · 312 阅读 · 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 · 233 阅读 · 0 评论 -
ES6 let const关键字
在es6中,引入了let和const关键字;let关键字是用来取代var的;let作用,与var类似,用于声明一个变量;一、let关键字特点:1,在块级作用域里有效实例:报错:ReferenceError: a is not defined2、不能重复声明实例:报错如下图:二、const关键字特点1、const关键字用来定义常量;不可改变,其他特性和let一样;实例...原创 2019-10-08 14:43:08 · 301 阅读 · 0 评论 -
es6对象定义简写
es6对象定义简写es6提供了对象定义里的属性,方法简写方式;一、实例:首先定义两个属性,然后再定义一个对象,里面用到属性赋值,以及再定义一个对象方法;二、代码:<template></template><script> let name='Tom'; let age=18; let obj={ name:name, age:...原创 2019-10-08 14:52:30 · 679 阅读 · 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 · 256 阅读 · 0 评论 -
es6箭头函数
在es6中,推出了一个新语法 箭头函数;以前定义一个函数,是这么定义的;let test=function(){ console.log('我是箭头函数');};现在可以简化下,用箭头函数:let test=()=>{console.log('我是箭头函数')};然后假如函数体只有一条语句或者是表达式的时候{}可以省略let test=()=>console.l...原创 2019-10-08 15:51:24 · 269 阅读 · 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 · 318 阅读 · 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 · 266 阅读 · 0 评论 -
es6 Reflect 与 Proxy
Proxy 与 Reflect 是 ES6 为了操作对象引入的 API 。Proxy 可以对目标对象的读取、函数调用等操作进行拦截,然后进行操作处理。它不直接操作对象,而是像代理模式,通过对象的代理对象进行操作,在进行这些操作时,可以添加一些需要的额外操作。Reflect 可以用于获取目标对象的行为,它与 Object 类似,但是更易读,为操作对象提供了一种更优雅的方式。它的方法与 Proxy...原创 2019-10-09 10:19:01 · 486 阅读 · 0 评论