zoukankan      html  css  js  c++  java
  • ES6知识整理(5)--对象的扩展

    个人开这个公众号的初心是为了积累知识,因此并没有做什么推广,再说自己也不知道怎么推广,推广之后又能干些什么。已经将近10天没发文章了,虽然每天都加班,但也不会一点时间都没有,有时还是会懒癌发作不想学习。可能是因为还没找的动力源吧,还在寻找中……希望能找到动力,并坚持地积累下去。

    (文章会同步到博客园,技术类文章还是该让搜索引擎察觉比较好)


    属性、方法简介表示法


    属性简写:

    传统返回法

    image.png

    es6返回法

    image.png

    结果是一样的。

    方法简写:

    传统写法

    image.png

    es6写法

    image.png

    结果也一样。

    属性赋值器与取值器


    赋值器setter、取值器getter:

    可以与原值比较,改变原值。

    image.png

    不过我想即使不使用这种方式,不是也可以做到这种效果吗?难道还有其他效果?

    方法的name属性


    返回你调用函数的函数名字符串

    image.png

    一般来说没什么卵用,但是对于匿名函数,却可以给他一个函数名

    image.png

    且属性的name值为undefined。只针对方法有name

    image.png

    Object.is() 判断全等运算


    比起es5的==与===,比全等更近一步的严格。

    es5的===可以判断大多数的数据全等,但也有几个无法不合。

    image.png

    而Object.is()除了===的严格模式外,还支持以上运算

    image.png

    Object.assign() 合并对象


    1. 将对象合并到第一个参数的对象中

    2. 可赋值到给新变量

    image.png

    Object.assign() 为类对象添加属性方法


    添加属性:

    对象创建后,就能使用新的x,y属性了

    image.png

    添加方法:

    对象创建后,就能调用新的a1,a2方法了

    image.png

    功能同等于:

    image.png

    修改/获取 对象原型


    Object.setPrototypeOf():设置一个对象的对象原型

    image.png

    Object.getPrototypeOf():获取一个对象的对象原型

    image.png

    结果:

    image.png

    Object的keys()、values()、entries()


    Object.keys():返回对象的所有key值,返回一个数组

    image.png

    Object.values():返回对象的所有value值,返回一个数组

    image.png

    Object.entries():返回对象的key,value值,返回一个二维数组

    image.png

    对象的结构赋值


    其实结构赋值那一篇已经有了。

    image.png



    一句:坚持做自己想做的,即使最后没有成果!


    ----公众号:海瑞菌

  • 相关阅读:
    vi常用操作
    Python练习题
    Jmeter也能IP欺骗!
    mysql主从配置
    性能测试之mysql监控、优化
    Git 命令
    Chrome——F12 谷歌开发者工具详解
    Appscan
    微信群发红包抢红包设计测试用例
    MySQL基础篇(1)SQL基础
  • 原文地址:https://www.cnblogs.com/wuhairui/p/9175695.html
Copyright © 2011-2022 走看看