ES6（ECMAScript6）学习笔记

一，箭头函数，模板字符串

模板字符串

`模板字符串${变量}`

函数

 function fun(){ };//function fun用>=代替  参数只有一个可以省略小括号 语句只有一句可以省略大括号

箭头函数

()>={};// 箭头函数没有自己的this
value=>value*2;

二，Set数据结构

         const s=new Set();s.add(2).add(5);//向Set结构添加元素s.delete(2);//删除s.has(2);//查找Set解构是否有这个值 返回布尔值s.clear();//清除Set里的值s.add(1);s.forEach(value => console.log(value));//遍历Set结构

三，剩余参数

1，剩余参数
利用剩余参数求和

 function fun(...args){//剩余参数 args是一个数组let s=0;args.forEach(value=>{//利用箭头函数遍历数组s+=value;});console.log(s);}fun(1,2,3,5,8);//输出19fun(1,5);//输出6

四，扩展运算符

用扩展运算符合并数组

 let arr=[1,2,3];let arr1=[4,5,6];console.log(...arr);//将数组拆分成以逗号分隔的数据   输出1 2 3 （console.log会将逗号转空格）let arr3=[...arr,...arr1];//扩展运算符应用 合并数组 //arr3=arr.push(...arr1); console.log(arr3);//[1,2,3,4,5,6];

五，对象解构

{
let person={name:'张三',age:20,sex:'男'}let {name,age,sex}=person;//对象解构 console.log(name);//输出张三console.log(age);//输出20console.log(sex);//输出男let {name:myname,age:myage}=person;//对象解构 变量的名字和对象属性名字相匹配 匹配成功将对象属性的值赋值给变量console.log(myname);//输出张三console.log(myage);//输出20}

六，数组解构

     let arr=[1,2,3];let arr1=[4,5,6];let [a,b,c]=arr;//数组解构console.log(a);//输出1console.log(b);//输出2console.log(c);//输出3let [num,...py]=arr1;//剩余参数 配合 数组解构 使用console.log(num);//输出4console.log(py);//输出[5,6]

七，字符串

     var  str='   safd   'var str1=str.trim();//去除首尾两端的空格 返回一个字符串console.log(str1);//输出safdlet string1='Hello world!';string1.startsWith('Hello');//true 判断是否以什么开头 返回一个布尔值string1.endsWith(' ');//false 判断是否以什么结尾 返回一个布尔值let string2=string1.repeat(3);//将原字符串重复3次 返回一个新字符串console.log(string2); //输出Hello world!Hello world!Hello world!

八，数组

 var arr=[21,5,4,55,1];var sum=0;let temp=arr.find(value=>value===55);//查找数组是否有满足条件的元素，找到了返回那个值 没找到返回undefinedconsole.log(temp);//输出55let index=arr.findIndex(value=> value>40);//查找第一个满足条件的元素 返回一个下标console.log(index);//输出3let flag1=arr.includes(21);//查找数组中包不包含   返回一个boolean值console.log(flag1);//输出truearr.forEach(function(value,index,arr){//遍历数组console.log(index+' '+value);sum+=value;});console.log(sum);//输出86var newarr=arr.filter(function( value,index,arr){//筛选数组，返回一个新数组return value>10;})console.log(newarr);//输出21,55var flag=arr.some(function(value,index,arr){//查找数组是否有满足条件的元素，返回一个boolean值return value<10;})console.log(flag);//输出true

Object.defineProperty

let person={name:'张三',sex:'男'
};
Object.defineProperty(person,age,{//给对象增加属性 参数对象名  属性名 值和值的属性 value:18,//值enumerable:true,//控制属性是否可以枚举，默认为falsewritable:true,//控制属性是否可以被修改，默认为falseconfigurable:true//控制属性是否可以被删除，默认为false//当有人读取person的age属性时，get函数就会被调用，且返回值就是age的值get(){console.log('有人读取age属性了');}//当有人修改person的age属性时，set函数就会被调用，且返回值就是age的值set(value){console.log('有人修改了age属性且值是'+value);}
})

ES6（ECMAScript6）学习笔记相关推荐

【前端】JavaScript（包括ES6）学习笔记（重要）
本人收藏来自互联网的JavaScript笔记,仅供学习自用(⊙o⊙)哦! js之重点难点 https://www.cnblogs.com/xiaohuochai/p/5613593.html fals ...
es6深入浅出学习笔记
前言 es6不兼容问题(在低版本浏览器里面怎么用) ES6较之于ES6之前的修改变量函数数组字符串面向对象 es6面向对象的使用: <!DOCTYPE html> <htm ...
ECMAScript6学习笔记 ——let、const、变量解构赋值
let 不存在变量提升通过let声明的变量仅在块级作用域内有效不允许在同一个作用域内重复声明一个变量防止值公用 var oUl = document.querySelectorAll('ul&g ...
ECMAscript 学习笔记（02）
# 知识点整理(02) ## 1.小知识点 1. **使用typeof关键字获取null的类型获取到的是 'object'**  ...
Vue学习笔记（三）Vue2三种slot插槽的概念与运用 | ES6 对象的解构赋值 | 基于Vue2使用axios发送请求实现GitHub案例 | 浏览器跨域问题与解决
文章目录一.参考资料二.运行环境三.Vue2插槽 3.1 默认插槽 3.2 具名插槽 3.3 作用域插槽 ES6解构赋值概念 & 作用域插槽的解构赋值 3.4 动态插槽名四.GitHu ...
[学习笔记] ES6的数组遍历方式 for, forEach，for...in, for...of
javascript ES6有如果要遍历一个数组,我们有多个方式可以进行. 下面我们来分析一下各自的利弊. for循环 const langs = ['java', 'php', 'c++', 'py ...
es6学习笔记-字符串的扩展_v1.0_byKL
es6学习笔记-字符串的扩展_v1.0 字符的Unicode表示法 JavaScript 允许使用uxxxx的形式表示一个字符,但在 ES6 之前,单个码点仅支持u0000到uFFFF,超出该范围的必 ...
webpack：js、css、es6装载与压缩配置-学习笔记
文章目录 webpack:js.css.es6装载与压缩配置-学习笔记 css文件打包 loader执行顺序 loader与plugin区别 less css抽取 js,css压缩处理依赖包降级处理 ...
Vue学习（增删改查、ES6模块化概念）-学习笔记
文章目录 Vue学习(增删改查.ES6模块化概念)-学习笔记增删改查案例 ES6模块化概念 Vue学习(增删改查.ES6模块化概念)-学习笔记增删改查案例 <!DOCTYPE html> ...
ES6基础5（Promise）-学习笔记
文章目录 ES6基础5(Promise)-学习笔记 Promise 三个状态状态转换手写Promise源码同步异步概念 jquery中串行并行 async-await 微任务宏任务 ES6基 ...

ES6（ECMAScript6）学习笔记

一，箭头函数，模板字符串

二，Set数据结构

三，剩余参数

四，扩展运算符

五，对象解构

六，数组解构

七，字符串

八，数组

Object.defineProperty

ES6（ECMAScript6）学习笔记相关推荐

最新文章

热门文章