看不懂源码?先来恶补一波Object原型吧
- Object
- Object属性
- Object方法
- 1、Object.assign()
- 2、Object.create()
- 3、Object.seal()
- 4、Object.freeze()
- 5、Object.is()
- 6、Object.preventExtensions()
- 7、Object.getOwnPropertyNames()
- 8、obj.hasOwnProperty()
- 9、Object.getOwnPropertyDescriptor()
- 10、Object.getOwnPropertyDescriptors()
- 11、Object.getOwnPropertySymbols()
- 12、Object.defineProperties()
- 13、Object.values()
- 14、Object.entries()
- 15、Object.fromEntries()
- 16、Object.getPrototypeOf()
- 17、Object.setPrototypeOf()
- 18、Object.toString()
- 原型方法
Object
Object是一种引用数据类型,也是一个构造函数。
Object属性
1、Object.prototype
Object的原型。
Object原型处于原型链的顶端,是所有对象的原型。
2、Object.name
返回Object函数名。
Object方法
1、Object.assign()
将两个对象合并,并返回新的对象。
在产生冲突时,后者的属性会覆盖前者。
该方法属于浅拷贝。
var target={name: "failte", age: 18};
var source={sex: "man", age: 22};
var obj = Object.assign(target, source);
2、Object.create()
以对象原型,创建一个新对象。
第一个参数为原型对象,第二个参数为新描述符属性对象。
var obj = {
this.a="a";
this.b="b"
};
var nobj = Object.create(obj, {
name: {
value: 42,
writable: true,
enumerable: true,
configurable: true
}
});
3、Object.seal()
封装对象。封装后的对象无法增删属性,但可以修改属性。
可以通过Object.isSealed()
方法判断对象是否被封装。
var obj = {a: 1};
Object.seal(obj);
obj.b = 'el';
delete obj.a;
console.log(obj);
4、Object.freeze()
冻结对象。被冻结的对象增删改属性。
返回和传入的参数是同一对象。
可以使用Object.isFrozen()
方法判断对象是否被冻结。
var obj = {a: 1};
Object.freeze(obj);
obj.b = 2;
delete obj.a;
obj.a = 10;
console.log(obj);
5、Object.is()
判断两个对象是否相同。
比较两方为 undefined、null、true、false、相同字符串、同一对象、NaN、+0、0、-0、数字时,返回true,其他情况返回false。
var obj = {a: 1, b: 2};
console.log(Object.is(undefined, undefined));
console.log(Object.is(null, null));
console.log(Object.is(true, true));
console.log(Object.is(false, false));
console.log(Object.is('aaa', 'aaa'));
console.log(Object.is(obj, obj));
console.log(Object.is(NaN, NaN));
console.log(Object.is(-0, -0));
console.log(Object.is(+0, +0));
console.log(Object.is(0, 0));
console.log(Object.is(100, 100));
6、Object.preventExtensions()
限制对象不可扩展。
可以通过Object.isExtensible()
判断对象是否被限制。
var obj = {a: 1, b: 2};
Object.preventExtensions(obj);
obj.c = 3;
console.log(obj);
7、Object.getOwnPropertyNames()
返回对象可以遍历的属性的键名数组。
ES6的简洁写法为:Object.keys(obj)
var obj = {a: 1, b: 2};
console.log(Object.keys(obj));
8、obj.hasOwnProperty()
判断对象是否存在属性
ES6简洁写法:key in obj
var obj = {a: 1, b: 2};
console.log(obj.hasOwnProperty('a')); // ES5
console.log('a' in obj); //ES6
9、Object.getOwnPropertyDescriptor()
查询对象属性的描述符。
var obj = {a: 1, b: 2};
console.log(Object.getOwnPropertyDescriptor(obj, 'a'));
10、Object.getOwnPropertyDescriptors()
查询对象的描述符。
var obj = {a: 1, b: 2};
console.log(Object.getOwnPropertyDescriptors(obj));
11、Object.getOwnPropertySymbols()
返回对象所有的Symbol值属性键名数组。
var obj = {a: 1, b: 2, [Symbol('a')]: 3};
console.log(Object.getOwnPropertySymbols(obj));
12、Object.defineProperties()
定义对象属性。
var obj = {};
Object.defineProperties(obj, "val", {
value: undefined, // 属性值,默认undefined
writable: false, // 是否可写,默认false
enumerable: false, // 是否可枚举,默认false
configurable: false, // 是否可配置,默认false
get: undefined, // 该属性的getter,默认undefined
set: undefined, // 该属性的setter,默认undefined
})
13、Object.values()
返回对象所有的属性值数组。
var obj = {a: 1, b: 2};
console.log(Object.values(obj));
14、Object.entries()
返回对象所有属性与属性值的键值对列表。
var obj = {a: 1, b: 2};
console.log(Object.entries(obj));
15、Object.fromEntries()
把键值对列表转换为一个对象。与Object.entries()方法相反。
var obj = {a: 1, b: 2};
var entries = Object.entries(obj);
console.log(Object.fromEntries(entries));
16、Object.getPrototypeOf()
获取对象的原型。相当于直接获取obj.prototype。
var obj = {a: 1, b: 2};
console.log(Object.getPrototypeOf(obj));
17、Object.setPrototypeOf()
设置对象的原型。相当于直接设置obj.prototype。
function Animal() {
this.a = 1;
this.b = 2;
}
var obj = {};
Object.setPrototypeOf(obj, new Animal());
console.log(obj.a);
18、Object.toString()
原型方法
1、apply()
可以修改this的指向,执行并返回改变指向后的函数的运行结果。
原函数的传参以数组的方式传入。
2、arguments
返回当前函数的实参列表。
get/set
3、bind()
可以修改this的指向,返回改变指向后的函数。
4、call()
可以修改this的指向,执行并返回改变指向后的函数的运行结果。
原函数的传参以多个参数的的方式传入。
get/set
5、caller()
返回函数的调用环境。
6、constructor()
返回当前对象的构造函数。
7、length
返回当前函数的形参个数。
8、name
返回当前对象的名称。
9、toString()
返回当前对象的字符串形式。
10、Symbol.hasInstance
判断某对象是否为某构造器的实例。
用它自定义instanceof操作符在某个类上的行为。
获取Function原型的instanceof对应的方法
var func = () => {};
var obj = {};
var log1 = Function[Symbol.hasInstance](func, Function);
var log2 = Object[Symbol.hasInstance](obj, Object);
console.log(log1, log2)
自定义类,并重写instanceof方法
class My {
[Symbol.hasInstance](instance) {
console.log(instance)
return true;
}
constructor() {
this.a=1
}
}
var my = new My()
console.log(my instanceof My)
看不懂源码?先来恶补一波Object原型吧的更多相关文章
- 学不懂Netty?看不懂源码?不存在的,这篇文章手把手带你阅读Netty源码!
阅读这篇文章之前,建议先阅读和这篇文章关联的内容. 1. 详细剖析分布式微服务架构下网络通信的底层实现原理(图解) 2. (年薪60W的技巧)工作了5年,你真的理解Netty以及为什么要用吗?(深度干 ...
- 还看不懂同事代码?快来补一波 Java 7 语法特性
前言 Java 平台自出现到目前为止,已经 20 多个年头了,这 20 多年间 Java 也一直作为最流行的程序设计语言之一,不断面临着其他新兴编程语言的挑战与冲击.Java 语言是一种静态强类型语言 ...
- 一点一点看JDK源码(〇)
一点一点看JDK源码(〇) liuyuhang原创,未经允许进制转载 写在前面: 几乎所有的大神都会强调看源码,也强调源码的重要性: 但是如何看源码,源码看什么?看了什么用?看了怎么用? 困扰很多人, ...
- 一点一点看JDK源码(三)java.util.ArrayList 前偏
一点一点看JDK源码(三)java.util.ArrayList liuyuhang原创,未经允许禁止转载 本文举例使用的是JDK8的API 目录:一点一点看JDK源码(〇) 1.综述 ArrayLi ...
- 【实习记】2014-08-15文档太少看着源码用cgicc+stl库之模板谓词函数对象
总结1: 今天找到了昨天scanf的问题答案,scanf与printf一样的神奇而复杂,稍不留神,就会被坑.scanf函数在读入非空白符分割的多个字符串的解决方法是这个:/* 以 | 分割 * ...
- 边看MHA源码边学Perl语言之一开篇
边看MHA源码边学Perl语言之一开篇 自我简介 先简单介绍一下自己,到目前为此我已经做了7年左右的JAVA和3年左右php开发与管理,做java时主要开发物流行业的相关软件,对台湾快递,国际快递,国 ...
- 带着萌新看springboot源码8(spring ioc源码 完)
上一节说到实例化了所有的单实例Bean,后面还有一步遍历 12.完成容器刷新(finishRefresh();) 那个和生命周期有关的后置处理器类型是LifecycleProcessor:监听器原理我 ...
- 一点一点看JDK源码(一)Collection体系概览
一点一点看JDK源码(一)Collection体系概览 liuyuhang原创,未经允许进制转载 本文举例使用的是JDK8的API 目录:一点一点看JDK源码(〇) 1.综述 Collection为集 ...
- 一点一点看JDK源码(二)java.util.List
一点一点看JDK源码(二)java.util.List liuyuhang原创,未经允许进制转载 本文举例使用的是JDK8的API 目录:一点一点看JDK源码(〇) 1.综述 List译为表,一览表, ...
随机推荐
- shell使用标准输出返回函数值
- kill命令的几种信号
1 HUP: hangup 2 INIT: 相当于 Ctrl + c 9 KILL 15 TERM: Terminate (kill 的默认信号) 18 CONT: Continue (从STOP信号 ...
- 如何设置Fiddler来拦截Java代码发送的HTTP请求,进行各种问题排查
我们使用Java的RestTemplate或者Apache的HTTPClient编程的时候,经常遇到需要跟踪Java 代码发送的HTTP请求明细的情况.和javascript代码在浏览器里发送请求可以 ...
- JavaScript-黑科技
单行写一个评级 var rate = 3; "★★★★★☆☆☆☆☆".slice(5 - rate, 10 - rate); 随机字符串 Math.random().toStrin ...
- 【8.0.0_r4】AMS分析(十七)(ActivityManagerService.java下)
代码位于frameworks/base/services/core/java/com/android/server/am/,一共有七十个文件. Java源码位于package com.android. ...
- manjaro linux java环境配置
大佬博客 yaourt jdk 不管怎么装就是会出错 #报错信息 Error: dl failure on line 597 Error: failed /usr/lib/jvm/java-12-op ...
- 云平台(cloud platforms)
云平台:允许开发者们或是将写好的程序放在“云”里运行,或是使用“云”里提供的服务,或二者皆是的服务 转向云计算(cloud computing),是业界将要面临的一个重大改变.各种云平台(cloud ...
- Visual Studio Code 做PHP开发
Visual Studio Code 做PHP开发 1. 在Windows 10环境下安装PHP: 1. 下载自己中意的PHP版本:http://windows.php.net/download (我 ...
- 20175213 2018-2019-2 《Java程序设计》第11周学习总结
教材学习内容总结 URL类是java.net包中的一个重要的类,URL的实例封装着一个统一资源定位符(Uniform Resource Locator),使用URL创建对象的应用程序称作客户端程序 U ...
- C#关于日期 月 天数 和一年有多少周及根据某年某周获取时间段的计算(转)
/// 当前月有多少天 /// </summary> /// <param name="y"></param> /// <param na ...