1、声明变量用let,声明常量用const(定义唯一的值),都没有预解释,也不存在变量提升;

2、箭头函数:有如下两种写法

1)、表达式(函数体只有一行代码)

a)、let fn = p => p ;   //一个参数

b)、let fn = (n,m) => n+m;  //两个参数

c)、let fn = () => '我是没有参数的 '; //不带参数

2)、函数体(函数体有多行代码)

let fn = (n, m) => {

let total = n+m;

return total;

}

3、变量的解构赋值

1)数组

   let [a, b, c] = [1, 2, 3];
console.log(a); //1
console.log(b); //2
console.log(c); //3
2)对象
   let {a , b} = {a:'111',b:'222'};
console.log(a); //111
console.log(b); //222
4、扩展运算符:三个点(...)该运算符将一个数组,变为参数序列,所以不再需要ES5的apply方法。
   function add(x, y) {
return x + y;
}
let numbers = [4, 38];
let result = add(...numbers);
console.log(result); // 42
5、模板字符串
let name = 'Kiki',
let age = 18;
//ES5写法
let str = name + '的年龄是' + age + ‘岁了!’;
//ES6写法(反引号:英文状态下,键盘第二行第一个字符)
let str = `${name}的年龄是${age}岁了!`;
6、Set和Map数据结构
1)Set 类似于数组,但是成员的值都是唯一的,不重复;本身也是一个构造函数,可以用new Set()来生成Set数据结构。
   const set = new Set([1, 2, 3, 4, 4]);
console.log(...set); //1 2 3 4
2)Map js的对象(Object),本质上是键值对的集合。
   let a = new Map();
let b = {};
a.set(b,'hello');
a.get(b); //hello
a.has(b); //true
a.delete(b);
a.has(b); //false //Map 也可以接受一个数组作为参数
   let person = new Map([
['name','kiki'],
['age',18]
]);
person.has('name'); //true
person.has('age'); //true
person.get('name'); //kiki
person.get('age'); //18
7、定义一个类及类的继承
1)、通过class创建类
2)、通过constructor创建构造函数
3)、函数名(){
//公有属性和方法
}
   class Person{
constructor(name,age){
this.name = name;
this.age = age;
}
makePerson(){
return 'my name is ' + this.name + ', my age is ' + this.age
}
} let person1 = new Person('kiki',18);
let p = person1.makePerson();
console.log(p);//my name is this.name , my age is this.age
  4)、static 函数名(){} 静态的属性和方法,给类上添加的私有属性和方法
5)、class 子类 extend 父类 { //子类继承父类
constructor (name, age, color){
super(name, age); //必须写,调用父类的constructor(name, age)
this.color = color;
}
}
8、for-of循环:遍历所有数据结构的方法,可获取键值,而原有的for-in循环可获取键名
   const arr = ['red', 'green', 'blue'];
for(let v of arr) {
console.log(v); // red green blue
}
for(let k in arr){
console.log(k); //0 1 2
}

ES6常用方法总结的更多相关文章

  1. es6 常用方法

    来自 https://www.cnblogs.com/lhl66/p/9555903.html 侵删 来自 https://www.cnblogs.com/lhl66/p/8862106.html 侵 ...

  2. es6常用方法

    一.let 和 constlet 声明变量,只在所在的块区有效,不存在变量提升:var 存在变 量提升const 声明常量,只在所在块区有效 二.变量的解构赋值1.数组的解构赋值let [a, b, ...

  3. ES6 学习笔记(六)基本类型String

    字符串String 1.字面量 需要注意的地方: 由单引号或双引号括起来的字符序列. 单双引号可以嵌套,由最外围引号定界字符串 字符串字面量可以拆分成数行,每行必须以反斜线(\)结束,且反斜线都不计入 ...

  4. ES6中的数组常用方法

    数组在JS中虽然没有函数地位那么高,但是也有着举足轻重的地位,下面我就结合这ES5中的一些常用的方法,与ES6中的一些方法做一些说明和实际用途.大家也可以关注我的微信公众号,蜗牛全栈. 一.ES5中数 ...

  5. ES6 数组Arrary 常用方法

    ES6 数组Arrary 常用方法: <script type="text/javascript"> // 操作数据方法 // arr.push() 从后面添加元素,返 ...

  6. ES6 数值类型常用方法

    ES6 数值类型常用方法 <script type="text/javascript"> // Number常用方法 /* Number.isFinite() 用来检查 ...

  7. ES6 Class(类)的继承与常用方法

    一.ES6 类的定义 ES5 构造函数的写法: function Point(x, y) { this.x = x; this.y = y; } ES6 引入了 Class(类),通过class关键字 ...

  8. es6中常用方法

    查询数组中是否包含了某个元素keyword arr.includes(keyword)

  9. es6 js数组常用方法

    一:会改变自身的方法 1.array.push(element1, ...elementN) 添加一个或多个元素到数组的末尾,并返回数组新的长度 2.array.unshift(element1, . ...

随机推荐

  1. 配置IPMI

    服务器电源管理 查看服务器电源状态 ipmitool chassis power status 关闭服务器电源 ipmitool chassis power off 打开服务器电源 ipmitool ...

  2. npm --save-dev --save | -D -S区别

    -S就是--save的简写,就行npm默认一个start的字段,你可以不必输入npm run start 而只需输入npm start,这两个效果是一样的.-D就是--save-dev 这样安装的包的 ...

  3. 【GO】【gdb】

    1 安装homebrew 参考 https://www.cnblogs.com/suren2017/p/9249803.html ([Ruby][环境搭建]macOS Sierra 10.12.6 + ...

  4. vue数据变动监测

    原文链接:https://blog.csdn.net/man_tutu/article/details/72148362 对象: 不能监测到: var vm = new Vue({ data:{ a: ...

  5. docker笔记(1)

    2019-01-12  13:54:35

  6. English trip V2 - 6 Sports Teacher:Taylor Key:phrasal verbs

    In this lesson you will learn to talk about sports. 课上内容(Lesson) # How many different sports can you ...

  7. Oracle表空间的创建与删除

    ORACLE中,表空间是数据管理的基本方法,所有用户的对象要存放在表空间中,也就是用户有空间的使用权,才能创建用户对象.否则是不充许创建对象,因为就是想创建对象,如表,索引等,也没有地方存放,Orac ...

  8. IntelliJ IDEA 2017.3.1安装步骤

    https://www.jetbrains.com/idea/download/#section=windows 下载旗舰版 1.下载完成后,运行安装: 2.next: 3.选择你要安装的目录,nex ...

  9. python学习(十一)

  10. MQ & RPC 消息队列与RPC的区别与使用场景

    MQ:  区别:面向数据.生产者与消费者.有缓冲节点.异步.系统级/模块级通信 选型:RabbitMQ.ActiveMQ/Apollo.ZeroMQ.memcacheQ.Redis.MSMQ.kafk ...