`
charlesEye
  • 浏览: 7110 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

原型对象与实例对象之间的关系

 
阅读更多

var b=function(){

var one;

}

 

var c=new b();

console.group("第一组");

console.log("b=>"+b);

console.log("b.prototype=>"+b.prototype)

console.log("b.constructor=>"+b.constructor);

console.log("b.constructor.prototype=>"+b.constructor.prototype);

console.log("b.constructor==Function.constructor=>"+b.constructor==Function.constructor);

console.groupEnd();

 

 

            console.group("第二组");

console.log("c=>"+c);

console.log("c.prototype=>"+c.prototype)

console.log("c.constructor=>"+c.constructor);

console.log("c.constructor.prototype=>"+c.constructor.prototype);

console.log("c.constructor==Function.constructor=>"+c.constructor==Function.constructor);

console.groupEnd();

 

var r1=c.constructor.prototype==b.prototype;

var r2=c.constructor==b;

console.log(r1);

console.log(r2);

 

控制台打印结果:

第一组

b=>function (){

var one;

}

b.prototype=>[object Object]

b.constructor=>function Function() { [native code] }

b.constructor.prototype=>function () {}

false

 

第二组

c=>[object Object]

c.prototype=>undefined

c.constructor=>function (){

var one;

}

c.constructor.prototype=>[object Object]

false

true

true

分享到:
评论

相关推荐

    构造函数 原型对象 实例、图解

    JavaScript 构造函数、原型对象和实例之间的关系详解 在 JavaScript 中,构造函数、原型对象和实例之间存在着紧密的关系,这三个概念息息相关。下面我们将详细解释它们之间的关系。 构造函数 在 JavaScript 中,...

    构造函数、函数原型、函数实例三者之间的关系!

    构造函数、函数原型、函数实例三者之间的关系!详细的后续补上

    JS原型对象操作实例分析

    原型对象为特定类型的所有实例提供共享的属性和方法,对JavaScript的继承机制至关重要。本文将通过实例来分析原型对象的基本原理、用法以及操作时的注意事项。 首先,需要了解JavaScript中的一切皆为对象,包括函数...

    js 面向对象实例

    原型对象也是一个对象,可以通过`prototype`属性来访问。我们可以在原型上定义方法,这样所有实例都可以访问这些方法: ```javascript Person.prototype.sayHello = function() { console.log(`Hello, my name is ...

    举例说明JavaScript中的实例对象与原型对象_.docx

    总结一下,JavaScript中的实例对象与原型对象的关系是: 1. 实例对象通过`[[Prototype]]`链接到构造函数的`prototype`。 2. `constructor`属性指示对象的构造函数。 3. 修改`prototype`会改变新创建的实例的原型链,...

    原生JS原型对象练习

    原型链是JavaScript中对象之间的引用关系,它使得一个对象可以访问其构造函数的原型对象的属性和方法。当我们尝试访问一个对象的属性时,如果该对象本身没有这个属性,JavaScript会向上查找该对象的原型,直到找到该...

    详解js中的原型,原型对象,原型链.docx

    ### 详解JS中的原型、原型对象与原型链 #### 前言 JavaScript是一种基于原型的语言,这使得它与其他面向对象编程语言有所不同。在JavaScript中,每个对象都有一个原型对象,而原型对象又可能有自己的原型对象,从而...

    JavaScript 面向对象与原型

    - 可以通过`Object.getPrototypeOf()`或`__proto__`访问原型对象,但`__proto__`在ES6及以后的版本中不推荐使用,推荐使用`Object.getPrototypeOf`。 6. 原型问题: - 每个实例都有自己的属性,但共享方法。这...

    小码哥原型对象使用的注意点共4页.pdf.zip

    在实际开发中,正确理解和使用原型对象能够帮助我们更好地实现代码复用,优化性能,以及实现更复杂的继承关系。了解这些注意点可以帮助开发者避免一些常见的陷阱,提高代码的质量和可维护性。通过学习小码哥的这份...

    原型模式实践代码

    2. **克隆客户端(Client)**:这部分代码负责创建原型对象的实例,并使用`clone()`方法创建新的对象。例如: ```java public class Client { public static void main(String[] args) { Prototype prototype = ...

    JavaScript原型对象、构造函数和实例对象功能与用法详解

    本文实例讲述了JavaScript原型对象、构造函数和实例对象功能与用法。分享给大家供大家参考,具体如下: 大家都知道,javascript中其实并没有类的概念。但是,用构造函数跟原型对象却可以模拟类的实现。在这里,就先...

    第15章 javascript面向对象与原型

    在深入讲解JavaScript面向对象与原型的知识点之前,首先需要了解JavaScript的基础知识。在JavaScript中,面向对象编程(OOP)的概念虽然存在,但是它的实现与传统基于类的语言有所不同。ECMAScript,也就是...

    浅析JavaScript实现基于原型对象的“继承”.pdf

    本文旨在对JavaScript实现基于原型对象的“继承”进行深入分析,并与基于类的继承进行比较。通过对JavaScript的原型继承机制的介绍和实例分析,提出一个改进的“寄生组合模式”,使读者能够更好地理解和应用...

    js 原型对象和原型链理解

    JavaScript中的原型对象和原型链是理解面向对象编程的关键概念。原型对象(Prototype)主要用于实现对象间的继承,而原型链(Prototype Chain)则是JavaScript查找对象属性和方法的机制。 首先,每个函数都有一个`...

    举例说明JavaScript中的实例对象与原型对象

    JavaScript中实例对象与原型对象是面向对象编程的重要概念,它们之间通过构造函数和原型链相互联系。在JavaScript中,每一个对象都有一个constructor属性,它指向创建该实例的构造函数。同时,每个函数都有一个...

    js原型链详解

    ### JavaScript原型与原型链详解 JavaScript作为一门基于原型的...通过构造函数、实例对象以及原型对象之间的关系,可以构建起整个原型链,实现基于原型的继承。掌握这些概念对于深入学习JavaScript是非常有帮助的。

    JS原型和原型链原理与用法实例详解

    原型链是JavaScript继承机制的核心,它是由一系列连接的原型对象形成的链条。每个对象都有一个内部属性`__proto__`(在某些实现中为`[[Prototype]]`,在ES5及以后的规范中推荐使用`Object.getPrototypeOf`来访问),...

    第四章示例代码__对象的实例化方式

    首先,让我们来看看在Python中的对象实例化。Python是一种动态类型的编程语言,实例化一个对象非常直观。例如,如果我们有一个名为`Person`的类,我们可以通过以下方式创建它的实例: ```python class Person: def...

    终极原型链图示讲解.png

    注1:原型对象是Object函数的实例对象,即,构造函数定义时,Object函数也创建了一个原型对象。且,构造函数的原型对象中有一个__proto__(隐式原型对象)指向Object的原型对象。 注2:Object函数的原型对象中也有一个...

Global site tag (gtag.js) - Google Analytics