资讯专栏INFORMATION COLUMN

es6知识点总结(一)

HelKyle / 3183人阅读

摘要:知识点总结一,,能重复声明,有前置功能。浅拷贝一个数组设置原型。永远是唯一的,不可能和别的重复,可以阻止对象的属性被篡改前面不能使用操作符。和的区别键名可以是任何数据类型初始化的时候必须一次性指定键名和键值。

es6知识点总结(一)

let,var,const

var:能重复声明,有前置功能。
let:有块级作用域,没有前置功能,不能重复声明。
const:有块级作用域,用来声明常量(恒量),不可改变,常量的名字必须大写,不能重复声明,常量在声明的时候必须赋值,常量的值是引用数据类型。

模板字符串:

1.模板字符串可以绑定变量;
2.模板字符串支持换行;
3.标签模板字符串。

对象字面量:

1.字面量对象属性能够简写(当你赋值的变量名和你的属性名一样的情况下);
2.字面量对象方法可以简写,省去function关键字;
3.对象的属性可以写自动计算的属性。

解构赋值:

1.解构赋值是指es6允许我们按照一定的解构模式提取数组和对象里的值赋给变量;
2.解构可以避免在对象赋值时产生中间变量;
3.解构赋值可以解构对象,解构阵列。

扩展运算符:

1.展开数组:
  let arr = [1,2,3,4];
  let a = [...arr];
  console.log(a);
2.数组的拷贝:
  let a = [1,2,3];
  let a1 = [...a];
  a1.push(4);
  console.log(a);
  console.log(a1);
3.数组的合并:
  let a = [1,2,3];
  let a1 = [4,5,6];
  a = [...a,...a1];
  console.d(a);
4.数组的调用:
  function  fn(a,b,c,d){
    console.log(a+b+c+d);
  }
  var p=[1,2,3,4,5,6];
  let result=fn(10,...p);

箭头函数:

    //箭头函数 =>
    let a = () => {
        console.log("Hello word")
    }
    a();
    //有参数
    (name)=>{
        console.log(name);
    };
    //没有参数
    ()=>{
        console.log("hi word")
    };
    //可以省略()
    let d = name=>{
        console.log(name);
    }
    d("jiang");
    //两个参数
    (name,age)=>{
        console.log(name,age);
    };
    //省略后的
    let c (a,b)=>a+b;
    (a,b)=>{console.log(a+b);
    console.log(c);

扩展参数:

    //默认参数
    let sayHellow = (name,age=30)=>{
        let str = `${name} is ${age} years old`
        console.log(str);
    }
    sayHellow("songze",25);//控制台打印songze is 25 years old。
    //扩展参数
    let sum = (a,b,c) => {
        console.log(a+b+c);
    };
    let arr = [1,2,3];
    sum(...arr);//控制台打印6。
    //剩余函数
    let he = (a,b,...rest)=>{
        console.log(rest);//控制台打印[3, 4, 5, 6, 7, 8, 9]。
        console.log(a+b);//控制台打印3.
    }
    he(1,2,3,4,5,6,7,8,9);

Math、Number、String 、Array、Object:

1.Math:
    01.trunc:用于去除一个数的小数部分,返回整数部分;
    02.sign:用来判断这个数是正数负数还是0,如果是正数就打印1,负数打印-1,0打印0,-0打印-0;
    03.cbrt 用来计算一个数的立方根。
2.Number:
    01.isInter:判断一个数是否是整数;
    02.isNaN:里面的数只有是NaN的时候是true,别的全部都是fales,用来判断这个数是不是非数字。
3.String:
    01.includes:判断一个字符串里面有没有包含某个字符;
    02.startsWith:判断一个字符串以某个字符开头;
    03.endsWith:判断一个字符串以某个字符结尾;
    04.repeat 重复打印某个字符串。
4.Array:
    01.Array.feom:复制一个数组;
    02.Array.of:把多个数字放在一个数组里,类似于 new Array;
    03.fill:第一个参数是要把数组里的值改成什么,达尔戈参数是从数组的哪一位开始,它不管后面有多少数都要改变。
5.Object:
    01.Object.assign:浅拷贝一个数组;
    02.Object.setPrototypeOf:设置原型。

Symbol:

1.Symbol永远是唯一的,不可能和别的重复,可以阻止对象的属性被篡改;
2.Symbol前面不能使用new操作符。

Set WeakSet:

1.集合和数组的区别就是一个重复,有个不重复;
2.WeakSet只能方引用数据类型(Object,数组)。

Map WeakMap:

1.Map和Object的区别:键名可以是任何数据类型;
2.初始化的时候必须一次性指定键名(key)和键值(value)。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84036.html

相关文章

  • ES6-7

    摘要:的翻译文档由的维护很多人说,阮老师已经有一本关于的书了入门,觉得看看这本书就足够了。前端的异步解决方案之和异步编程模式在前端开发过程中,显得越来越重要。为了让编程更美好,我们就需要引入来降低异步编程的复杂性。 JavaScript Promise 迷你书(中文版) 超详细介绍promise的gitbook,看完再不会promise...... 本书的目的是以目前还在制定中的ECMASc...

    mudiyouyou 评论0 收藏0
  • ES6学习总结

    摘要:可以通过调用方法将创建一个新的类型的值,这个值独一无二,不与任何值相等。还可以使可扩展,在中,表达式被标准化为构造函数的一个方法,这意味着它是可扩展的。 前端发展的太快了,快到ES6,ES7出来之后,今年已经是ES8了,但是纵然前端发展很快,我们除了马不停蹄的学习新的技术之外,也要沉下心来,好好的潜心磨砺自己,本文是整理了自己学习ES6之后相关的知识要点,寄希望于书之于笔,一来自己可以...

    _ipo 评论0 收藏0
  • es6 知识总结--3

    es6知识总结--3 上午发表了一个总结觉得还是把自己的了解做成一个小系列吧,明天把那个总结一下! es6对咱们es3,es5的数据类型进行了升级下边说新APIs!js数据类型有Number、String 、oject、Boolean、Null、Undefined六种数据类型 ! 下边介绍 Math、Number、String 、Array、Boject的新 APIs Math Number S...

    Keagan 评论0 收藏0
  • ES6 常用识点总结

    摘要:常用知识总结之前总结了中的一些知识点。在年正式发布了,简称,又称为。作为构造函数的语法糖,同时有属性和属性,因此同时存在两条继承链。子类的属性,表示构造函数的继承,总是指向父类。 ES6常用知识总结 之前总结了es5中js的一些知识点。这段时间看了石川blue老师讲解的es6课程,结合阮一峰老师的es6教程,随手做了一些笔记和总结分享给大家。内容还是es6主要的知识点,基本没有什么创新...

    leap_frog 评论0 收藏0
  • ES6 常用识点总结

    摘要:常用知识总结之前总结了中的一些知识点。在年正式发布了,简称,又称为。作为构造函数的语法糖,同时有属性和属性,因此同时存在两条继承链。子类的属性,表示构造函数的继承,总是指向父类。 ES6常用知识总结 之前总结了es5中js的一些知识点。这段时间看了石川blue老师讲解的es6课程,结合阮一峰老师的es6教程,随手做了一些笔记和总结分享给大家。内容还是es6主要的知识点,基本没有什么创新...

    CODING 评论0 收藏0

发表评论

0条评论

HelKyle

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<