es2015(es6)基础知识整理(更新中...)
1.let
let可以声明块级作用域变量
'use strict'; if (true) {
let app = 'apple';
} console.log(app); //外面是访问不到app的
2.const
const可以声明常量
'use strict'; const app = 'apple';
console.log(app); const app = 'peach';
console.log(app); //报错,常量不能多次赋值
3.Destructuring 解构
解构赋值允许使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量。
'use strict'; function breakfast () {
return ['egg','bread','milk'];
} //传统方法
var arr = breakfast(), egg = arr[0], bread = arr[1], milk = arr[2];
console.log(egg,bread,milk); //es6
let [t1,t2,t3] = breakfast();
console.log(t1,t2,t3);
4.对象解构
'use strict'; function breakfast () {
return {egg:'egg', milk:'milk', bread:'bread'};
} let {egg: a1, milk: a2, bread: a3} = breakfast(); //a1,a2,a3是自己定义的名字
console.log(a1,a2,a3);
5.字符模板
'use strict'; let food1 = 'egg', food2 = 'bread'; let str = `今天的早餐是 ${food1} 和
${food2}`; //通过反斜线引号可以对字符串换行 console.log(str);
6.字符串相关函数
'use strict'; let food1 = 'egg', food2 = 'bread'; let str = `今天的早餐是 ${food1} 和
${food2}`; console.log(str.startsWith('今天'),str.endsWith('bread'),str.includes('早餐')); //true true true
7.函数默认值
'use strict'; function breadfast (food = '食物', drink = '饮料') {
console.log(`${food} ${drink}`);
} breadfast(); //输出默认值
breadfast('面包', '啤酒'); //输出给定值
8. ...操作符
'use strict'; function breakfast (food, drink, ...others) { //...表示后面除了前面两个参数,其余参数都放在others这个数组里
console.log(food, drink, others);
console.log(food, drink, ...others); //将others数组里面的值展开
} breakfast('面包', '牛奶', '培根', '香肠');
9.Arrow Function(箭头函数)
'use strict'; //breakfast是函数名字,箭头前面是传入的参数,箭头后面是返回值
let breakfast = (food,drink) => food + drink; console.log(breakfast('面包', '牛奶')); //箭头后面的大括号可以写函数的具体操作
let lunch = (food, drink) => {
return '今天午餐吃' + food + ',喝' +drink;
}; console.log(lunch('鸡肉', '汤'));
10.定义对象
'use strict'; let food = '鸡肉', drink = '汤'; let breakfast = {
food: food, //添加属性
drink: drink,
eat(){} //添加方法
}; console.log(breakfast); //添加属性的其他方法
let food1 = 'food1'; breakfast.afood = '面条';
breakfast['hot drink'] = '牛奶';
breakfast[food1] = '蔬菜'; //这里的food1是变量food1的值 console.log(breakfast);
11.setPrototypeOf(改变原型)
'use strict'; let lunch = {
getDrink(){
return '啤酒';
}
}; let dinner = {
getDrink(){
return '可乐';
}
}; let food1 = Object.create(lunch);
console.log(food1.getDrink()); //啤酒
console.log(Object.getPrototypeOf(food1) === lunch); //true Object.setPrototypeOf(food1, dinner);
console.log(food1.getDrink()); //可乐
console.log(Object.getPrototypeOf(food1) === dinner); //true
12.__proto__
'use strict'; let lunch = {
getDrink(){
return '啤酒';
}
}; let dinner = {
getDrink(){
return '可乐';
}
}; //__proto__
let food2 = {
__proto__: lunch //通过__proto__来指定food2的prototype
}; console.log(food2.getDrink());
console.log(Object.getPrototypeOf(food2) === lunch); //true food2.__proto__ = dinner;
console.log(food2.getDrink());
console.log(Object.getPrototypeOf(food2) === dinner); //true
13.super
'use strict'; let lunch = {
getDrink(){
return '啤酒';
}
}; let dinner = {
getDrink(){
return '可乐';
}
}; //super
let food3 = {
__proto__: lunch,
getDrink(){
return super.getDrink() + '和汤'; //super.getDrink()是调用原型的getDrink方法
}
}; console.log(food3.getDrink());
14.iterator迭代器
每次迭代后都会返回一个对象{value:xx,done:true/false},value表示返回的值,done表示当前还有没有东西可以迭代,没有返回true,否则返回false
'use strict'; function chef(foods){
let i = 0; return {
next(){
let done = (i >= foods.length);
let value = !done ? foods[i++] : undefined; return {
value: value,
done: done
}
}
}
} let meal = chef(['黄瓜', '鸡蛋']);
console.log(meal.next()); //Object {value: "黄瓜", done: false}
console.log(meal.next()); //Object {value: "鸡蛋", done: false}
console.log(meal.next()); //Object {value: undefined, done: true}
15.es6中的class
'use strict'; class Chef {
constructor(food){ //创建一个Chef类实例时会自动执行constructor方法
this.food = food;
} cook(){
console.log(this.food);
}
} let chef1 = new Chef('鸡蛋');
chef1.cook();
16.Set
'use strict'; //Set类似于数组
let food = new Set('鸡蛋');
console.log(food); food.add('菜'); //添加新的项
food.add('豆'); console.log(food); console.log(food.size); //food的长度
console.log(food.has('菜')); //判断是否含有某一项
food.delete('豆'); //删除某一项
console.log(food); food.forEach(food => { //批量对food中的项进行操作
console.log(food);
}); food.clear(); //清空food
console.log(food);
es2015(es6)基础知识整理(更新中...)的更多相关文章
- php面向对象基础知识整理之类中的属性和方法的使用
<?php /** * class Index * 类包含什么 * 1.创建类 * 2.类的属性和类中方法 * 3.类中访问修饰符 * 4.类的封装.继承.多态 */ // 创建类,创建的类名是 ...
- Kali Linux渗透基础知识整理(四):维持访问
Kali Linux渗透基础知识整理系列文章回顾 维持访问 在获得了目标系统的访问权之后,攻击者需要进一步维持这一访问权限.使用木马程序.后门程序和rootkit来达到这一目的.维持访问是一种艺术形式 ...
- Kali Linux渗透基础知识整理(二)漏洞扫描
Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网 ...
- 【OGG】OGG基础知识整理
[OGG]OGG基础知识整理 一.GoldenGate介绍 GoldenGate软件是一种基于日志的结构化数据复制软件.GoldenGate 能够实现大量交易数据的实时捕捉.变换和投递,实现源数据库与 ...
- java部分基础知识整理----百度脑图版
近期发现,通过百度脑图可以很好的归纳总结和整理知识点,本着学习和复习的目的,梳理了一下java部分的知识点,不定期更新,若有不恰之处,请指正,谢谢! 脑图链接如下:java部分基础知识整理----百度 ...
- 网站开发进阶(二十二)HTML UI知识汇总(更新中...)
HTML知识汇总(更新中...) 1.<iframe> 标签 浏览器支持 所有浏览器都支持 <iframe> 标签. 定义和用法 iframe 元素会创建包含另外一个文档的内联 ...
- C#基础知识整理
年时,北风吹雁雪纷纷,一条秋裤冻上头.冷的连手都懒得动,就随便翻翻书,也没有更新博客,如今年已过,开始投入到正常的工作状态中,趁现在需求还没有来,把C#基础知识梳理一下,其实一直以来就想这样做的,对于 ...
- wifi基础知识整理
转自 :http://blog.chinaunix.net/uid-9525959-id-3326047.html WIFI基本知识整理 这里对wifi的802.11协议中比较常见的知识做一个基本的总 ...
- JavaScript基础知识整理
只整理基础知识中关键技术,旨在系统性的学习和备忘. 1.在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0,而 undefined 的操作象特殊值NaN ...
- Oracle ASM 磁盘组基础知识整理(收藏版)
转至:https://cloud.tencent.com/developer/article/1494403 为什么要写这么一篇基础知识呢?还是有那么一点点原因的,不是胡编乱造还真是有真实存在的事件的 ...
随机推荐
- pt-table-sync同步报错Called not_in_left in state 0 at /usr/bin/pt-table-sync line 5231【原创】
试验环境MySQL5.7.19,自己使用pt-table-sync 3.0.2版本同步后,手动在从库执行后,在用pt-table-sync验证时报错 命令如下: pt-table-,u=用户名,p=, ...
- Python3学习笔记32-xlwt模块
xlwt模块是用来写入excel的第三方模块,需要下载安装后才能使用. 设置字体样式 import xlwt #初始化一个excel excel = xlwt.Workbook(encoding='u ...
- python3+selenium框架设计07-unittest单元测试框架
可以自行百度学习下单元测试框架,或者看Python3学习笔记26-unittest模块 在项目下新建一个entrance.py文件.并使用之前的测试用例进行演示.目前项目结构. 在entrance ...
- NLog类库使用探索——详解配置
1 配置文件的位置(Configuration file locations) 通过在启动的时候对一些常用目录的扫描,NLog会尝试使用找到的配置信息进行自动的自我配置. 1.1 单独的*.exe客户 ...
- 解决:error LNK2026: 模块对于 SAFESEH 映像是不安全的
用vs2017编译比较老的vc++项目,出现这个错误,解决方案如下: 1.打开该项目的[属性]对话框, 2.点击[链接器]选项, 3.点击[命令行]选项, 4.将 [/SAFESEH:NO ]键入[其 ...
- 网站被k
经常见到很多SEO人员的网站被搜索引擎K了,到处找所谓的SEO大神求助,最后还是无用功,作为优秀的SEO人员我们不能病急乱投医.接下来,我会着重讲解网站被K之后如何快速恢复的办法. 首先来说下网站被搜 ...
- 032_nginx配置文件安全下载
一. server { listen 8866; server_name _; access_log /usr/local/etc/nginx/log/download.access.log main ...
- percona mysql server5.7基于gtid的主从复制
配置mysql基于gtid主从复制架构 一.二进制安装mysql [root@node5 data]# --Linux.x86_64.ssl101.tar.gz [root@node5 data]# ...
- recv() failed (104: Connection reset by peer) while reading response header from upstream
2017年12月1日10:18:34 情景描述: 浏览器执行了一会儿, 报500错误 运行环境: nginx + php-fpm nginx日志: recv() failed (104: Conn ...
- C#如何使用SqlCacheDependency
1.数据库依赖类SqlCacheDependency 数据库缓存依赖主要解决的是当数据库的内容发生改变时,如何及时通知缓存,并更新缓存中的数据的问题. 语法定义: SqlCacheDependency ...