zoukankan      html  css  js  c++  java
  • js中prototype与__proto__区别


    proto(隐式原型)与prototype(显式原型)
    显式原型 explicit prototype property:
    每一个函数在创建之后都会拥有一个名为prototype的属性,这个属性指向函数的原型对象。

    隐式原型 implicit prototype link:
    JavaScript中任意对象都有一个内置属性[[prototype]],在ES5之前没有标准的方法访问这个内置属性,但是大多数浏览器都支持通过proto来访问。
    ES5中有了对于这个内置属性标准的Get方法Object.getPrototypeOf()。
    __proto__是每个对象都有的一个属性,而prototype是函数才会有的属性
    使用Object.getPrototypeOf()代替__proto__

    prototype:几乎所有的函数(除了一些内建函数)都有一个名为prototype(原型)的属性,这个属性是一个指针,指向一个对象,
    而这个对象的用途是包含可以有特定类型的所有实例共享的属性和方法。
    prototype是通过调用构造函数而创建的那个对象实例的原型对象。

    Object.prototype 这个对象是个例外,它的proto值为null

    作用:
    显式原型的作用:用来实现基于原型的继承与属性的共享。
    隐式原型的作用:构成原型链,同样用于实现基于原型的继承。举个例子,当我们访问obj这个对象中的x属性时,如果在obj中找不到,那么就会沿着proto依次查找。

    _proto_的指向
    根据ECMA定义 ‘to the value of its constructor’s “prototype” ’ —-指向创建这个对象的函数的显式原型。

    所以关键的点在于找到创建这个对象的构造函数,接下来就来看一下JS中对象被创建的方式:
    (1)对象字面量的方式
    (2)new 的方式
    (3)ES5中的Object.create()

    __proto__:对象具有属性__proto__,可称为隐式原型,一个对象的隐式原型指向构造该对象的构造函数的原型,
    这也保证了实例能够访问在构造函数原型中定义的属性和方法。

    Object.getPrototypeOf():一个对象实例通过内部属性[[Prototype]]跟踪其原型对象。
    使用原型对象的好处是可以让所有对象实例共享它所包含的属性和方法。
    可以调用对象的Object.getPrototypeOf()方法读取[[Prototype]]属性的值,
    也可以使用isPrototypeOf()方法检查某个对象是否是另一个对象的原型对象。
    大部分JavaScript引擎在所有对象上都支持一个名为__proto__的属性,该属性可以直接读写[[Prototype]]属性。

    1.对象有属性__proto__,指向该对象的构造函数的原型对象。
    2.方法除了有属性__proto__,还有属性prototype,prototype指向该方法的原型对象。

  • 相关阅读:
    Spring Boot中整合Sharding-JDBC读写分离示例
    Spring Boot Admin2.X监控的服务context-path问题
    Spring Boot中整合Sharding-JDBC单库分表示例
    Spring Cloud Gateway 之 AddRequestHeader GatewayFilter Factory
    程序猿:论学习方式的重要性
    如何使用mybatis《三》
    如何使用mybatis《二》
    如何使用mybatis《一》
    mybatis中自建的类型别名
    mybatis中#和$符号的区别
  • 原文地址:https://www.cnblogs.com/angel648/p/11059518.html
Copyright © 2011-2022 走看看