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 为什么要写这么一篇基础知识呢?还是有那么一点点原因的,不是胡编乱造还真是有真实存在的事件的 ...
随机推荐
- day 5 - 1 字典(dict)
dict dict key 必须是不可变数据类型,可哈希value:任意数据类型 dict 优点:使用二分查询来搜索数据存储了大量的关系型数据特点:无序的 数据类型划分:可变数据类型,不可变数据类型不 ...
- Spring 源码分析 spring-core 篇
先来看下 spring-core 的包结构 总共有6个模块,分别是 asm.cglib.core.lang.objenesis.util asm包: 用来操作字节码,动态生成类或者增强既有类的功能.主 ...
- SpringBoot多模块搭建,依赖管理
1.创建springboot-multi-module父工程 File→New→Project 然后,Next,选择POM,其他名称自定义 Next→Finish. 说明:打开父工程的pom.xml ...
- Workbook导出excel封装的工具类
在实际中导出excel非常常见,于是自己封装了一个导出数据到excel的工具类,先附上代码,最后会写出实例和解释.支持03和07两个版本的 excel. HSSF导出的是xls的excel,XSSF导 ...
- ASP.NET MVC 4 从示例代码展开,连接默认SQL Server数据库
VS2013里面,点击菜单[视图]-[SQL server对象资源管理器],右键点击[SQL Server]节点,选择[添加SQL Server]自动生成. 这只是开始,可以让网上下载下来的例子运行出 ...
- Go语言模拟实现简单的区块链
一.创建项目 按照Go语言最佳实践的思路, 在工作空间下的src目录下创建 github.com/hangzhou-huxin/blokcchain目录作为我们的项目目录,然后用GoLand工具选中这 ...
- MySQL报错InnoDB: A long semaphore wait【转】
mysql登录后无法执行命令如show processlist 查看MySQL错误日志 参考以下方法,执行 1.系统层面 [root@pisphkdcbsql01 ~]# cat /proc/sys/ ...
- Python运维开发基础10-函数基础【转】
一,函数的非固定参数 1.1 默认参数 在定义形参的时候,提前给形参赋一个固定的值. #代码演示: def test(x,y=2): #形参里有一个默认参数 print (x) print (y) t ...
- PHP操作redis详细讲解(转)
PHP中redis的使用 redis是一个key-value存储系统.和Memcached类似,它支持存储的value类型相对更多,包括string(字符串).list(链表).set(集合)和z ...
- socket 通信 error:88
调用函数(setsockopt)来设置 recv buffer 和send buffer时报错: setsockopt error: Socket operation on non-socket(e ...