博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ES6常用方法总结
阅读量:5066 次
发布时间:2019-06-12

本文共 2305 字,大约阅读时间需要 7 分钟。

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 }

转载于:https://www.cnblogs.com/geqin/p/7308452.html

你可能感兴趣的文章
前端工具----iconfont
查看>>
Azure Site Recovery 通过一键式流程将虚拟机故障转移至 Azure虚拟机
查看>>
Hello China操作系统STM32移植指南(一)
查看>>
cocos2dx CCEditBox
查看>>
VC++2012编程演练数据结构《8》回溯法解决迷宫问题
查看>>
第一阶段冲刺06
查看>>
WIN下修改host文件并立即生效
查看>>
十个免费的 Web 压力测试工具
查看>>
ckeditor 粘贴后去除html标签
查看>>
面试题
查看>>
51Nod:活动安排问题之二(贪心)
查看>>
EOS生产区块:解析插件producer_plugin
查看>>
数据库框架的log4j日志配置
查看>>
lintcode-easy-Remove Element
查看>>
mysql 根据地图 坐标 查询 周边景区、酒店
查看>>
mysql重置密码
查看>>
jQuery轮 播的封装
查看>>
一天一道算法题--5.30---递归
查看>>
switchcase的用法
查看>>
React.js 小书 Lesson15 - 实战分析:评论功能(二)
查看>>