web前端之es6对象的扩展

1.属性的简洁表示法

2.属性名表达式

表达式作为对象的属性名

3.方法的 name 属性

例如：函数的name 属性，返回函数名。

4.Object.is()

ES 比较两个值是否相等，只有两个运算符，相等运算符，相等运算符(==)

和严格相等运算符（===）

5.Object.assign()

Object.assign 方法用于对象的合并，将源对象的所有的可枚举属性，赋值到目标对象

例如;

6.属性的可枚举行和遍历

可枚举性

描述对象的enumerable 属性，称为“可枚举属性” 如果该属性的值为false,就表示会忽略当前属性。目前有四个操作会忽略 enumerable 为false 属性。for...in ， Object.keys(), JSON.stringify(), Object.assign();ES6一共有5种方法可以遍历对象的属性

ES6一共有5种方法可以遍历对象的属性

(1) for ... in

循环遍历对象自身的和继承的可枚举属性

(2) Object.keys(obj)

Object.keys 返回一个数组，包括对象自身的所有可枚举属性

(3) Object.getOwnPropertyNames(obj)

Object.getOwnPropertyNames 返回一个数组，包含对象自身的所有属性

(4) Object.getOwnPropetrySymbols(obj)

Object.getOwnPropetrySymbols 返回一个数组，包含对象自身的所有

Symbol属性的键名。

(5) Reflect.ownKeys(Obj)

Reflect.ownKeys 返回一个数组，包含对象自身的所有键名。

8.proto属性

9.super 关键字

this 关键字总是指向函数所在的当前对象，super 指向当前对象的原型对象。

10.Object.keys() ,Object.values(),Object.entries()

11.对象的扩展运算**

对象的结构赋值用于从一个对象取值，相当于将所有可遍历的，但尚未对齐的属性，

分配到指定的对象上面，所有的键和值他们的值，都会拷贝到新对象上面。

原文地址：https://www.cnblogs.com/yuer20180726/p/11378119.html

时间： 2024-11-08 23:43:39

web前端之es6对象的扩展的相关文章

ES6对象的扩展

1.属性简写表示      2.方法简写表示     属性与方法简写: 3.属性名表达式 ES6允许字面量定义对象时,用方法二(表达式)作为对象的属性名,即把表达式放在方括号内. 4.Object.is()比较两个值是否严格相等

es6 对象的扩展

一.现在还有很多浏览器不能直接使用es6语法.特别是手机端的一些低版本的浏览器.都需要用bale转换一下. 但是目前流行的框架中(vue,react,angular).都有自己的脚手架,都能用webpack转换下.或者直接自己配置webpack , fis3,nowa 等转换. 照样不是美滋滋. 二.属性的简洁写法 //1.属性简洁表示语法 var foo = 'bar'; var obj = {foo}; console.log(obj); //创建对象的函数 function createO

好程序员web前端教程：对象

什么是对象? 对象的类型是Object. JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... javaScript中万事万物皆对象 用官方一点的语言来解释对象: 什么是对象,其实就是一种类型,即引用类型.而对象的值就是引用类型的实例.在 ECMAScript 中引用类型是一种数据结构,用于将数据和功能组织在一起.它也常被称做为类,但 ECMAScript 中却没有这种东西.虽然 ECMAScript 是一门面向对象的语言,却不具 备传统面向对象语言所支持的类等基本结构.

【全站工程师练习笔记】Web前端 自定义JS对象 object_list

function object_list(){ return new object_list.fn.init(arguments); } object_list.fn = object_list.prototype = { constructor:object_list, init:function(args){ this.useDefaultList = true; this.object = {}; return this; } }; object_list.fn.init.prototyp

ES6对象扩展

前面的话 随着JS应用复杂度的不断增加,开发者在程序中使用对象的数量也在持续增长,因此对象使用效率的提升就变得至关重要.ES6通过多种方式来加强对象的使用,通过简单的语法扩展,提供更多操作对象及与对象交互的方法.本章将详细介绍ES6对象扩展 对象类别 在浏览器这样的执行环境中,对象没有统一的标准,在标准中又使用不同的术语描述对象,ES6规范清晰定义了每一个类别的对象,对象的类别如下 1.普通(Ordinary)对象 具有JS对象所有的默认内部行为 2.特异(Exotic)对象 具有某些与默认行为

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);

Python之Web前端jQuery扩展

Python之Web前端: 一. jQuery表单验证 二. jQuery扩展 三. 滚动菜单 一. jQuery表单验证: 以下表单验证使用两种方式简单实现: (一). 使用DOM表单验证 (二). 使用jQuery表单验证 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表单验证DOM<

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

ES6数组和对象的扩展

es6数组的扩展 扩展运算符 扩展运算符是对具有Iterator 接口的对象,都可以使用扩展运算符 Array.from() 用于将两类对象转化为真正的数组 1.类似数组的对象(只要据有length属性, 都可以被转化为数组) 2.可遍历(iterable)的对象 Array.of() 将一组值转化为数组 find和findIndex find方法,用于找出第一个符合条件的数组成员,没有找到会返回undefiend,findIndex方法返回的是第一个符合条件成员的位置, 如果找不到返回-1,