JS关于创建原型对象的面试题

梦里梦外; 2022-05-24 02:29 149阅读 0赞

1、

function A(){}
    
    	A.prototype={
    	aa:"aa",
    	method:function(){}
    }
       var a = new A();
       var b = new A();
      
       console.log(a.aa==b.aa); //true
       console.log(a.method==b.method); //true 
       console.log("a.aa="+a.aa+" b.aa="+b.aa) //a.aa=aa b.aa=aa

分析：prototype原型的意思，这是JS创建对象方法之一的原型法。如果使用原型法定义对象，那么生成的所有对象都会共享原型中的属性。

因为使用原型方式，a和b指向同一个原型，即对应了同一个对象属性。

2、

function A(){}
    
    	A.prototype={
    	aa:"aa",
    	method:function(){}
    }
       var a = new A();
       var b = new A();
       b.aa = "bb";
       b.method=function(){console.log("b method change")}
       console.log(a.aa==b.aa); //false
       console.log(a.method==b.method); //false 
       console.log("a.aa="+a.aa+" b.aa="+b.aa) //a.aa=aa b.aa=bb
       console.log("a.method="+a.method+" b.method="+b.method) //a.method=function (){} b.method=function (){console.log("b method change")}

分析：a 和 b指向同一个原型，我的理解是，如果实例对象修改了原型的内容，则依实例对象为准。

3、

function A(){
       	var count = 0;
       	this.aa = "aa";
       	this.method = function(){
       		return count;
       	}
       	this.obj={}
       }
       A.prototype={
       	aa:"cc",
       	method:function(){}
       }
       
       var a = new A;
       var b = new A;
       console.log(a.aa==b.aa); //true
       console.log(a.obj==b.obj); //false
       console.log(a.method==b.method); //false 
       console.log("a.aa="+a.aa+" b.aa="+b.aa); //a.aa=aa b.aa=aa
       console.log("a.method="+a.method+" b.method="+b.method) //a.method=function (){return count;} b.method=function (){return count;}

分析：这是一个优先级的问题，JS用prototype创建对象，是有优先级的，如果存在构造方法就先使用构造方法，没有构造方法则使用prototype方法。

发表评论取消回复

表情：

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

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

相关阅读

相关面试题集合-js-01原型链

*面试中的重要问题，我遇到过的面试问题中，原型链被问到的几率特别大，所以整理一个笔记记录下来我对原型链的理解。** > 每个构造函数(constructor)都有一个原...

待我称王封你为后i/ 2024年04月17日 06:05/ 0 赞/ 101 阅读

相关【前端面试】05 创建对象和原型链

文笔记基于「千古壹号」的GitHub项目：https://github.com/qianguyihao/web 文章目录 * 1.问题 * 2.解决方法 ...

系统管理员/ 2024年04月17日 05:25/ 0 赞/ 96 阅读

相关面试题：创建对象的方式

1.Object构造函数创建对象创建空对象 var obj = new Object(); 创建带初始成员的对象 var obj =

￡神魔★判官ぃ/ 2023年07月10日 12:42/ 0 赞/ 31 阅读

相关 Js-对象的原型和原型链及原型对象方法

Ⅰ- 壹 - 对象的原型和原型链一对象简介什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在 ECMAScript 中引用类型是

曾经终败给现在/ 2023年07月06日 09:53/ 0 赞/ 90 阅读

相关 js构造函数创建对象的原型和构造函数本身的原型对象理解

先上一段代码，创建一个构造函数并且根据构造函数创建对象： // 构造函数创建对象 function Dock(name,age){ this.n

分手后的思念是犯贱/ 2023年06月30日 02:23/ 0 赞/ 82 阅读

相关 JS面试题—原型和原型链

> 一、题目 1. 如何准确判断一个变量是数组类型 2. 写一个原型链继承的例子 3. 描述new一个对象的过程 > 二、知识点 1.构造函数 func

亦凉/ 2022年06月10日 02:48/ 0 赞/ 327 阅读

相关 JS中关于原型与原型链

在JS中关于原型和原型链理解，我自己总结了三句话。我把这三句话称之为理解原型与原型链的“三板斧” 第一句话：每一个函数数据类型（普通函数、类）都天生自带一个属性prot

约定不等于承诺〃/ 2022年06月06日 09:23/ 0 赞/ 250 阅读

相关 JS关于创建原型对象的面试题

1、 function A(){} A.prototype={ aa:"aa", method:function(){}

梦里梦外;/ 2022年05月24日 02:29/ 0 赞/ 150 阅读

相关 JS之对象、原型、原型链

一：对象的声明方式 1、字面式声明对象如下: > var ohj=\{ > > 属性名称:属性值, > > 方法名称:function()\{ > > //函

客官°小女子只卖身不卖艺/ 2022年05月19日 00:38/ 0 赞/ 295 阅读

相关 JS理解原型对象及in操作符（创建对象中的原型模式）

> 一、理解原型对象无论什么时候，只要创建了一个新函数，就会根据一组特定的规则为该函数创建一个prototype属性，这个属性指向函数的原型对象。在默认情况下，所

比眉伴天荒/ 2022年04月02日 04:26/ 0 赞/ 226 阅读