
ES6
文章平均质量分 51
ZhangXD_BLOG
坚持,就会有收获。
展开
-
ES6-新增Set/Map类型
1.Set数据结构(1)定义:类似于数组,但是其成员是唯一的;实现了Interator接口;例子:<script> let mySet =new Set([10,20,4,60,1]); console.log(mySet);//输出数组:Set [ 10, 20, 4, 60, 1 ] //接收Set let mySet2 =mySe...原创 2018-08-27 10:46:01 · 199 阅读 · 0 评论 -
ES6-数组的新增特性-数组对象方法
数组对象新增的方法4.find()和findIndex()方法(1)find() 返回数组中第一个满足条件的元素,参数是回调函数例子:<script> //返回数组中第一个满足条件的元素 let arrs = [0,3,45,32,5,60,-3,89]; console.log(arrs); //第一种:从数组中获取第一个>5...原创 2018-08-24 12:07:27 · 2767 阅读 · 0 评论 -
ES6-数组的新增特性-扩展运动符
构造函数的新增方法Array.form()和Array.of()2.Array.form()可以把类数组对象、实现了迭代器接口的数据类型转换成真正的对象;例子:<script> //例子一:类数组对象 let arrayLike = { 0:"苹果", 1:"香蕉", 2:"西瓜", 3:"葡萄", leng...原创 2018-08-24 12:04:31 · 794 阅读 · 0 评论 -
ES6-数组的新增特性-扩展运动符
1.扩展运算符(...)(1)定义:扩展运算符相当于rest参数的逆运算,把数组转换为用逗号分割的参数列表,例子:<script> // rest案例 function fn(...args){//通过...args将字符串转为数组 console.log(args); } fn(10,20,30); //逆运算 function demo(x,y,z)...原创 2018-08-24 12:02:59 · 214 阅读 · 0 评论 -
ES6-函数新增特性
1.函数参数的默认值<script>function fn(a='小丁',b){ console.log(a+"和"+b+""写代码);}fn('晓飞','小丽');//输出晓飞和小丽写代码;fn('小丽');//暑促小丽和undefined写代码,实参赋值给形参是从前往后,所以有默认值的一般写在后面 fn(a, b='小丁')</script>...原创 2018-08-24 11:50:15 · 295 阅读 · 0 评论 -
ES6-字符串新增特性
1.模板字符串(1)定义比较长,复杂的字符串,如html代码 模板字符串中写 ` 需要转义,例子:<script>let html=` <div>\`//若需要在里面加反引号,则需要进行转义,只需 \` <p>你好</p> <a hre...原创 2018-08-24 11:46:04 · 231 阅读 · 0 评论 -
ES6-for...of语法解构
1.for...of用法可以遍历哪些类型数据:(1)数组例子:<script>let arr = ['red','green','blue'];for(let val of arr){ console.log(val);//直接输出值:red,green,blue}</script>(2)字符串:例子:<script>...原创 2018-08-24 11:42:20 · 971 阅读 · 0 评论 -
ES6-变量的解构赋值(数组、对象、特殊对象、实际用途)
1.数组的解构赋值(1)语法形式,左边变量,右边值,只需左右模式匹配即可:例:let[a,b,c,d]=[10,20,30,40]<script> // let a=10; // let b= 20; // let c=30; //以上通过解构赋值表示: let[a,b,c]=[100,200,300] c...原创 2018-08-24 11:40:14 · 631 阅读 · 0 评论 -
ES6-let和const命令+顶层对象和全局对象
1.let关键字(1)语法规范(2)作用 a. 声明变量 b.不能重复声明变量,可以修改其值 c.不存在变量提升,临时性死区(函数内)注:var声明的变量可以重新声明,可以修改其值;let声明变量,var不可重复声明;var声明变量,let不可重复声明;2.块级作用域(1):var声明变量,函数外声明为全局变...原创 2018-08-24 11:30:46 · 540 阅读 · 0 评论 -
ES6-简介
1.什么是ES6:ECMAScript目标是使JS语言编写复杂的大型应用程序,成为企业语言。2.ECMAScript和JavaScript的关系:(1)ECMAScript是欧洲计算机标准化协会的简称;(2)1996年JavaScript创造者将其提交给ECMA管理,目的希望能够成为国际标准;(3)ECMA是JavaScript的规格,JavaScript是ECMAScri...原创 2018-08-24 11:26:03 · 232 阅读 · 0 评论 -
ES6-模块
1. 模块化的标准(1)commonJS标准(node.js采用)(2)AMD标准(require.js采用)(3)ES6模块2. 定义模块export,可以export任意类型的数据3.引入模块import,可以起别名index.html<script type="module"> //引入模块 // import {lastName,fir...原创 2018-08-27 11:35:53 · 143 阅读 · 0 评论 -
ES6-Class
1. 基本使用(1)Class,类,一构造函数a. 原生JS,例子<script> //=================JS构造函数用法 function Point1(x,y){ this.x = x;//定义将来实例的属性 this.y = y; } //给构造函数添加方法 Point1.prototype.toString1 = function...原创 2018-08-27 11:32:17 · 821 阅读 · 0 评论 -
ES6-Promise
1. Promise的基础(1)js的异步操作: a. ajax请求 b. 浏览器事件 c. 定时,setTime setInteval(2)异步无法避免产生回调函数<script> //定时 setTime(function(){ }) //事件 add.addEventListener("click",function(){...原创 2018-08-27 11:21:41 · 574 阅读 · 0 评论 -
ES6-对象的新增特性
1.属性的简介表示法例子:<script> let username = "Mark"; let userage = 100; //对象赋值 //ES5 let userInfo = { username: username,//属性:变量 userage: userage }; console....原创 2018-08-24 12:09:50 · 1286 阅读 · 0 评论