ES6常用方法总结

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
}
上一篇:iOS 关于时间戳的一些细节


下一篇:JAVA中handleEvent和action的区别