ES6知识整理(5)--对象的扩展



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

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

属性、方法简介表示法

属性简写:

传统返回法

es6返回法

结果是一样的。

方法简写:

传统写法

es6写法

结果也一样。

属性赋值器与取值器

赋值器setter、取值器getter:

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

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

方法的name属性

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

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

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

Object.is() 判断全等运算

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

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

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

Object.assign() 合并对象
  1. 将对象合并到第一个参数的对象中
  2. 可赋值到给新变量

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

添加属性:

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

添加方法:

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

功能同等于:

修改/获取 对象原型

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

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

结果:

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

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

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

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

对象的结构赋值

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


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

----公众号:海瑞菌

原文地址:https://www.cnblogs.com/wuhairui/p/9175695.html

时间: 2024-07-30 05:26:35

ES6知识整理(5)--对象的扩展的相关文章

ES6知识整理(8)--Promise对象

(关于promise,以前并不知道是什么,没这个概念.现在来学习总结下) promise含义 es6的异步编程解决方案.需要new新对象操作api. promise对象特点 有3中状态:pending(进行中).fulfilled(已完成).rejected(已失效),异步操作才有的状态. 2种状态的改变结果,称为:已定型(resolve): 即可将异步操作变为同步操作,避免层层嵌套回调函数. promise缺点: 对象创建后会立即执行,中途不可中断. 不设置回调时,将抛出异常,不影响外部执行.

ES6知识整理(6)--Symbol函数

(文章会同步到博客园,技术类文章还是该让搜索引擎察觉比较好) symbol是js的第7种数据类型: 7种分别是:undefined.null.boolean(布尔).string(字符串).number(数值).object(对象).symbol. Symbol函数 独一无二的值 Symbol函数返回一个独一无二的值,用typeof来获取数据的类型(symbol). 该函数不能new,且不是对象,不能添加属性,类似于字符串,但不能使用字符串的很多属性与方法(也非字符串)(不能与其他类型运算) 需

ES6 常用总结——第三章(数组、函数、对象的扩展)

1.1. Array.from() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map). 下面是一个类似数组的对象,Array.from将它转为真正的数组. let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3}; // ES5的写法var arr1 = [].slice.call(arrayLike);

ES6中对对象的扩展

ES6允许直接写入变量和函数作为对象的属性和方法.这样的书写更加简洁. ES6允许在对象中只写属性名,不写属性值.这时,属性值等于属性名所代表的变量. function f(x , y){ return {x ,y}; } f(1,2)// Object {x:1,y:2} function getPoint(){ var x=1; var y=10; return {x,y}; } getPoint()//{x:1,y:10} js语言定义对象的属性有两种方法.obj.foo=true;obj

web前端之es6对象的扩展

1.属性的简洁表示法 2.属性名表达式 表达式作为对象的属性名 3.方法的 name 属性 例如:函数的name 属性,返回函数名. 4.Object.is() ES 比较两个值是否相等,只有两个运算符,相等运算符,相等运算符(==) 和严格相等运算符(===) 5.Object.assign() Object.assign 方法用于对象的合并,将源对象的所有的可枚举属性,赋值到目标对象 例如; 6.属性的可枚举行和遍历 可枚举性 描述对象的enumerable 属性,称为“可枚举属性” 如果该

ES6知识点-对象的扩展

3.6对象的扩展 3.6.1属性的简洁表示法 ES6允许直接写入变量和函数,作为对象的属性和方法. var foo = 'bar'; var baz = {foo}; console.log( baz ) // { foo: 'bar' } //等同于 var foo = 'bar'; var baz={ foo:foo}; console.log( baz ) // { foo: 'bar' } var func= { method() { return "这里是ES6方法简写!";

ES6基础整理(1)

刚开始用vue,很多时候我们都会把ES6这位大兄dei加入我们的技术栈中.但是ES6那么多那么多特性,我们真的需要全部都掌握吗?掌握好常用的.有用的这个可以让我们的开发快速起飞. 接下来我们就聊聊ES6基础常用的知识的总结. es6中的声明变量的方式: // let // 1. let声明变量不可以进行重复声明 // 2. let声明的变量有块级作用域 // const // 声明的叫做常量 // 1. const声明变量不可以进行重复声明 // 2. const声明页有块级作用域 // 3.

Java基础知识整理(一)

概述 公司业务需要,产品既要有.NET又需要Java,没得选择,只能业余时间学习Java,整体觉得Java也.NET还是很相似的,只是语法有差别,差别也不是很大,这就将学习Java的基础知识整理下,以便于自己的学习.作为个.NET程序猿也可以学习Java ,毕竟技多不压身,学习多也要精通. 开发工具 eclipse ,开发java类似.NET 需要装JDK类似.NET Framework. Java开发工具eclipse设置 1.设置字体:window设置: 2.设置快捷键:window--ke

Kali Linux渗透基础知识整理(二)漏洞扫描

Kali Linux渗透基础知识整理系列文章回顾 漏洞扫描 网络流量 Nmap Hping3 Nessus whatweb DirBuster joomscan WPScan 网络流量 网络流量就是网络上传输的数据量. TCP协议 TCP是因特网中的传输层协议,使用三次握手协议建立连接.当主动方发出SYN连接请求后,等待对方回答SYN+ACK ,并最终对对方的 SYN 执行 ACK 确认.这种建立连接的方法可以防止产生错误的连接,TCP使用的流量控制协议是可变大小的滑动窗口协议. 连接建立 TC