您好,欢迎访问一九零五行业门户网

javascript 中__proto__和prototype详解_基础知识

__proto__是内部原型,prototype是构造器原型(构造器其实就是函数)
构造器的原型(prototype)是一个对象
那什么是构造器呢?
要想创建一个对象,首先要有一个对象构造器,就像php里面一样,要想创建一个对象,首先要有一个类
构造器的实质就是一个函数,下面的问题是:如何通过这个构造器来创建一个对象呢?
答案: new
构造器构造的是对象。
一、所有构造器/函数的__proto__都指向function.prototype,它是一个空函数(empty function)
复制代码 代码如下:
number.__proto__ === function.prototype 
// true
boolean.__proto__ === function.prototype
// true
string.__proto__ === function.prototype 
// true
object.__proto__ === function.prototype 
// true
function.__proto__ === function.prototype
// true
array.__proto__ ===
function.prototype  
// true
regexp.__proto__ === function.prototype 
// true
error.__proto__ ===
function.prototype  
// true
date.__proto__ ===
function.prototype   
// true
说明了number等都是构造器,这些构造器其实是function的一个对象。 也就是说相当于 var number = new function();
javascript中有内置(build-in)构造器/对象共计12个(es5中新加了json),这里列举了可访问的8个构造器。剩下如global不能直接访问,arguments仅在函数调用时由js引擎创建,math,json是以对象形式存在的,无需new。它们的__proto__是object.prototype。如下
复制代码 代码如下:
math.__proto__ === object.prototype 
// true
json.__proto__ === object.prototype 
// true
上面说的“所有构造器/函数”当然包括自定义的。如下
复制代码 代码如下:
// 函数声明
function person()
{}
// 函数表达式
var man
=
function()
{}
console.log(person.__proto__ === function.prototype)
// true
console.log(man.__proto__ ===
function.prototype)   
// true
这说明什么呢?
所有的构造器都来自于function.prototype,甚至包括根构造器object及function自身。所有构造器都继承了function.prototype的属性及方法。如length、call、apply、bind(es5)。
function.prototype也是唯一一个typeof xxx.prototype为 “function”的prototype。其它的构造器的prototype都是一个对象。如下
复制代码 代码如下:
console.log(typeof function.prototype)
// function
console.log(typeof object.prototype)  
// object
console.log(typeof number.prototype)  
// object
console.log(typeof boolean.prototype) 
// object
console.log(typeof string.prototype)  
// object
console.log(typeof array.prototype)   
// object
console.log(typeof regexp.prototype)  
// object
console.log(typeof error.prototype)   
// object
console.log(typeof date.prototype)    
// object
console.log(typeof object.prototype)  
// object
噢,上面还提到它是一个空的函数,alert(function.prototype) 下看看。
知道了所有构造器(含内置及自定义)的__proto__都是function.prototype,那function.prototype的__proto__是谁呢?
相信都听说过javascript中函数也是一等公民,那从哪能体现呢?如下
复制代码 代码如下:
console.log(function.prototype.__proto__ ===
object.prototype)
// true
这说明所有的构造器也都是一个普通js对象,可以给构造器添加/删除属性等。同时它也继承了object.prototype上的所有方法:tostring、valueof、hasownproperty等。
最后object.prototype的__proto__是谁?
复制代码 代码如下:
object.prototype.__proto__ ===
null  //
true
已经到顶了,为null。
大家是否对javascript 中__proto__和prototype之间的区别联系有所了解了呢,有疑问就留言,大家共同探讨吧
其它类似信息

推荐信息