Function和Object 应该知道的-阿里云开发者社区

开发者社区> 我是小助手> 正文

Function和Object 应该知道的

简介: javascript有5种基础的内建对象(Fundamental Objects),Object、Function、Error、Symbol、Boolean,而Object/Function尤为特殊,是定义其他内建对象或者普通对象和方法的基础。
+关注继续查看

javascript有5种基础的内建对象(Fundamental Objects)ObjectFunctionErrorSymbolBoolean,而Object/Function尤为特殊,是定义其他内建对象或者普通对象和方法的基础。

详细的了解ObjectFunction对象有助于更好的理解javascript的一些工作原理。

和其他引用类型一样,Object/Function既是对象,有自己的方法和属性,也是函数,可以作为构造函数。 本文主要讨论以下几个问题:

  • Fucntion.prototype和普通对象的prototype有何区别?
  • Object.prototype.__proto__ = ?
  • Object.__proto__ = ?
  • ObjectFunction的原型对象有何特殊之处?

Function

Function的属性

在ES6标准中,Function 对象有两个属性:

  • length 值为1,这个属性的特性为{ [[Writable]]: false, [[Enumerable]]: false, [[Configurable]]: true },即不可覆盖,不可被for...in遍历,但可以通过Object.defineProperty修改它的上面这些特性

  • prototype 为原型对象,(见ES最新标准说明 Function.prototpye)它跟一般函数的prototype的区别在于

    • ️它不可写,不可配置,不可遍历。 即它永远指向固定的一个对象,且是其他所有函数的原型对象,所有函数本身的__proto__指向它。
    const o = {number: 20}
    Function.prototype = o // 依然是原来的值,未改变
    
    
    typeof Array.__proto__ // 'function' [=== Function.prototype]
    typeof Object.__proto__ // 'function' [=== Function.prototype]
    
    typeof Array.prototype.__proto__ // 'object' [=== Object.prototype]
    
    function F () {}
    F.__proto__ === Function.prototype // true
    
    F.prototype = o     // prototype指向o
    复制代码
    • ️它是一个函数。 一般函数的prototype是一个带有constructor属性的普通对象,但Functionprototype是一个函数对象(built-in function object),js中唯一一个默认prototype为函数的对象
    typeof Function.prototype // 'function'
    
    function F () {}
    typeof F.prototype  //  'object'
    typeof Object.prototype // 'object'
    复制代码

这是ES标准中规定的Function对象的两个属性,但其实在FireFox、Chrome在实现时,还有一个name属性,它的值就是'Function'。另外还有一个属性,就是__proto__

相比于ObjectFunction对象自带属性是比较少的

Function.prototype

在ES规范,有关Function.prototype部分 定义的Functionprototype的方法有

Function.prototype.apply
Function.prototype.bind
Function.prototype.call
Function.prototype.contructor
Function.prototype.toString
Function.prototype[@@hasInstance](V)
复制代码

函数和对象都有__proto__属性,指向构造函数的prototype属性所指向的对象,即它的原型对象。

而函数的__proto__属性(️并非它的原型对象prototype上的__proto__属性)指向Function.prototype,所以Function.prototype上的属性和方法都会被函数对象(function object)所继承。

通过上面的介绍,相信能够明白以下这些有意思的等式为何成立

Function.__proto__ === Function.prototype // true ️
Object.__proto__ === Function.prototype // true
Object.prototype.__proto__ === null // true
Function.prototype.__proto__ === Object.prototype // true
Object.prototype === Object.__proto__ // false
复制代码

同时,因为函数对象本身有prototype属性,是Object的实例,所以也继承了Object.prototype的属性

Object

Object函数对象的属性

Object作为函数,与普通函数一样,有lengthprototype__proto__name属性,除此之外,还有很多没有被继承的私有方法

// 方法
Object.assign()
Object.create()
Object.defineProperties()
Object.defineProperty()
Object.entries()
Object.freeze()
Object.getOwnPropertyDescriptor()
Object.getOwnPropertyDescriptors()
Object.getOwnPropertyNames()
Object.getOwnPropertySymbols()
Object.getPrototypeOf()
Object.is()
Object.isExtensible()
Object.isFrozen()
Object.isSealed()
Object.keys()
Object.preventExtensions()
Object.seal
Object.setPrototypeOf()
Object.values()
复制代码

Object函数对象的方法不是这里的重点,就不再展开。

Object.prototype

Function.prototype和其他引用类型(Array.prototypeString.prototype)一样是不可写不可配置不可for...in遍历的,但依然可以被扩展,即可以往Object.prototype新增属性和方法

Object.isExtensible(Object.prototype) // true
复制代码
  • Object.prototype的一个重要特性是,它是所有对象原型链的终点,因为Object.prototype.__proto__的值为null,即
Object.prototype.__proto__ === null
复制代码

一个对象的实例,沿着它的原型链,通过__proto__一层层往上找某一个属性,如果在Object.prototype上没找到,那就会返回undefined,所以,原型链不会无限的找下去。

function F () {}
F.prototype.age = 20
let f = new F()
f.__proto__ === F.prototype // true
f.__proto__.__proto__ === Object.prototype //true
f.__proto__.proto__.__proto__ === null // true

/**
 * 查找过程 
 * f.color -> 没找到,继续
 * f.__proto__.color(F.prototype) -> 没找到,继续
 * f.__proto__.__proto__.color(F.prototype.__proto__,Object.prototype) 没找到,返回undefined
 * 如果继续 f.__proto__.__proto__.__proto__ (Object.prototype.__proto__) === null 结果跟上面一样
*/
console.log(f.color) // undefined
复制代码

Object.prototype上的属性和方法,会被js中的所有方法和对象所继承,ES规范中的属性

Object.prototype.constructor
Object.prototype.hasOwnProperty()
Object.prototype.isPrototypeOf()
Object.prototype.propertyIsEnumerable()
Object.prototype.toLocaleString()
Object.prototype.toString()
Object.prototype.valueOf()
Object.prototype.__proto__
复制代码

下图是FunctionObjectFunction.prototypeObject.prototye相互之间关系图

Function与Object

Object、Function的关系

ObjectFunction之间最让人琢磨不透的,就是他们的关系

Object instanceof Object // true
Object instanceof Function // true
Function instanceof Function // true
Function instanceof Object // true

const o = {}
o instanceof Object //true
o instanceof Function // false

function F () {}
F instanceof Object //true
F instanceof Function //true
复制代码

未完待续 ~~~



原文发布时间为:2018年06月30日

作者:伟林

本文来源:掘金 如需转载请联系原作者


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
4100 0
阿里云服务器ECS远程登录用户名密码查询方法
阿里云服务器ECS远程连接登录输入用户名和密码,阿里云没有默认密码,如果购买时没设置需要先重置实例密码,Windows用户名是administrator,Linux账号是root,阿小云来详细说下阿里云服务器远程登录连接用户名和密码查询方法
3128 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
7983 0
阿里云服务器安全组设置内网互通的方法
虽然0.0.0.0/0使用非常方便,但是发现很多同学使用它来做内网互通,这是有安全风险的,实例有可能会在经典网络被内网IP访问到。下面介绍一下四种安全的内网互联设置方法。 购买前请先:领取阿里云幸运券,有很多优惠,可到下文中领取。
9467 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
5758 0
windows server 2008阿里云ECS服务器安全设置
最近我们Sinesafe安全公司在为客户使用阿里云ecs服务器做安全的过程中,发现服务器基础安全性都没有做。为了为站长们提供更加有效的安全基础解决方案,我们Sinesafe将对阿里云服务器win2008 系统进行基础安全部署实战过程! 比较重要的几部分 1.
5496 0
腾讯云服务器 设置ngxin + fastdfs +tomcat 开机自启动
在tomcat中新建一个可以启动的 .sh 脚本文件 /usr/local/tomcat7/bin/ export JAVA_HOME=/usr/local/java/jdk7 export PATH=$JAVA_HOME/bin/:$PATH export CLASSPATH=.
2196 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
3410 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
17110 0
+关注
我是小助手
云栖直播
262
文章
6
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载