javascript prototype vs. proto

浅浅的花香味﹌ 2022-12-22 11:28 121阅读 0赞

##### 一、`prototype` #####

> 1.  `prototype` 是函数特有的原型对象，原型上的方法和属性会被函数的实例共享(这个时候这个**函数**应该称为**类**比较合适了)
> 2.  `prototype` 都有一个 `constructor` 属性，指向类的自身

function Animal(){ }
    Animal.prototype.say = function(){ 
    	console.log("hello world")
    }
    let cat = new Animal();
    // 1. 
    cat.say();	// hello world
    // 2. 
    Animal.prototype.constructor === Animal;	// true

##### 二、`__proto__` #####

> `__proto__`是每个对象都有的**隐式原型属性**，它指向创建这个对象的类的原型对象（prototype）
> 
> 1.  这个属性是在浏览器支持的，其他运行环境不一定有这个属性（node.js有）
> 2.  操作对象原型上的数据，ES6建议的是使用 `Object.setPrototypeOf(o, proto)` 和 `Object.getPrototypeOf(o)` 方法

let o = { };
    o.__proto__ === Object.prototype;	// true
    
    function Animal(){ };
    let cat = new Animal();
    cat.__proto__ === Animal.prototype;	// true
    
    // 注意 setPrototypeOf, getPrototypeOf 操作的是对象的隐式原型属性
    Animal.prototype.x = 1;
    Object.setPrototypeOf(Animal, { 
    	x: 2
    })
    console.log(Animal.prototype.x);	// 1
    console.log(Animal.__proto__.x);	// 2

##### 三、一些区分 #####

let o = { };
    o.__proto__ === Object.prototype
    
    function Animal(){ };
    // function函数本质就是Function类的实例
    Animal.__proto__ === Function.prototype
    
    // 箭头函数是Function类的实例，但箭头函数没有原型对象（这也是它不能作为构造函数的原因，没有原型，也就没有constructor）
    let arrowFunc = () => { };
    arrowFunc.__proto__ === Function.prototype
    arrowFunc.prototype === undefined
    
    // prototype本质就是一个对象，也就都是Object的实例
    Animal.prototype.__proto__ === Object.prototype
    Function.prototype.__proto__ === Object.prototype
    Object.prototype.__proto__ === null
    
    // js原生类都是Function的实例
    Function.__proto__ === Function.prototype
    Object.__proto__ === Function.prototype
    Symbol.__proto__ === Function.prototype

发表评论取消回复

表情：

评论列表（有 0 条评论，121人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript中prototype与proto的关系

到原型的时候感觉头都大了/(ㄒoㄒ)/~~ 尤其是prototype和\_\_proto\_\_ 傻傻分不清通过多番查找资料，根据自己的理解，总结如下：一、构造函...

骑猪看日落/ 2024年04月18日 08:52/ 0 赞/ 27 阅读

相关 javascript prototype vs. proto

一、`prototype` > 1. `prototype` 是函数特有的原型对象，原型上的方法和属性会被函数的实例共享(这个时候这个函数应该称为类比较合适了) > 2

浅浅的花香味﹌/ 2022年12月22日 11:28/ 0 赞/ 122 阅读

相关 JavaScript中prototype和proto的使用

每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象成为原型对象，原型对象包括函数实例共享的方法和属性，也就是说将函数用作构造函数调用（使用new操作

た入场券/ 2022年06月10日 01:44/ 0 赞/ 203 阅读

相关 prototype与proto区别

详解prototype与\_\_proto\_\_区别 2016年12月08日 18:50:27 阅读数：14507 > Each constructor is

红太狼/ 2022年04月17日 02:41/ 0 赞/ 212 阅读

相关 JavaScript类的理解及prototype和_proto_属性

面向对象编程的的思想 1、先大概抽象理解一下一些常用词的定义：类：定义某一事物的抽象特点，包含属性和方法对象：类的一个实例继承性：一个类会有子类

野性酷女/ 2022年02月26日 16:46/ 0 赞/ 171 阅读

相关 proto和prototype

每个JS对象一定对应一个原型对象，并从原型对象继承属性和方法。对象\_\_proto\_\_属性的值就是它所对应的原型对象。不像每个对象都有\_\_proto\_\_属性来

╰+攻爆jí腚メ/ 2022年01月20日 08:35/ 0 赞/ 258 阅读

相关 javascript proto_ prototype和Function原代码狂想

\----我以为的Function\---- 1 function Function ( ) { 2 this.prototype = new t

川长思鸟来/ 2021年12月23日 09:17/ 0 赞/ 204 阅读

相关透彻解读prototype与proto

请先看一看关于 prototype 与 \_\_proto\_\_ 的一些使用情况代码： function Person() {} // (1).F

亦凉/ 2021年09月14日 15:50/ 0 赞/ 330 阅读

相关 javascript es6 属性 proto prototype 原型链简介

目录 prototype \_\_proto\_\_ 原型链构造函数创建对象实例 -------------------- 今天同事小英童鞋问了我一个问题：

╰+攻爆jí腚メ/ 2021年09月01日 03:29/ 0 赞/ 421 阅读

相关 prototype与proto区别

`__proto__`是每个对象都有的一个属性，而prototype是函数才会有的属性!!! 使用`Object.getPrototypeOf()`代替`__proto__

墨蓝/ 2021年08月13日 12:52/ 0 赞/ 399 阅读