面试必问系列 构造函数，原型对象，实例之间的关系（二）实例属性和原型属性

最新推荐文章于 2021-03-19 15:45:19 发布
最新推荐文章于 2021-03-19 15:45:19 发布
阅读量473 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhm0303/article/details/79923654
版权

在学习构造函数，原型对象，实例之间的关系时，有一个特别容易混乱的点就是实例属性和原型属性


创建实例之后，我们可以为实例对象继续添加属性，如果我们添加的属性和原型对象中的属性重名，那么调用的时候，就会先在实例中查找是否有这个属性，如果有就直接取实例中的属性，如果没有就去原型对象查找，如果原型对象中也没有就去构造函数查找，如果都没有就返回空

如果实例属性和原型属性重名，调用的时候，实例属性就会屏蔽原型属性，怎么判断一个属性是实例属性还是原型属性呢

hasOwnProperty(),传入参数名，如果是实例属性就会返回true


JavaScript原型对象、构造函数和实例对象功能与用法详解
10-18
JavaScript中的面向对象编程主要是通过构造函数和原型对象来实现的，而实例对象则是通过构造函数和原型对象创建的具体对象。 构造函数是一种特殊类型的函数，它被用来初始化新创建的对象。在JavaScript中，我们通常...
构造函数 原型对象 实例、图解
03-11
JavaScript 构造函数、原型对象和实例之间的关系详解 在 JavaScript 中，构造函数、原型对象和实例之间存在着紧密的关系，这三个概念息息相关。下面我们将详细解释它们之间的关系。 构造函数 在 JavaScript 中，...
面试必问系列之 构造函数，原型对象和实例之间的关系(一)
zhm0303的博客
04-13 1023
关于构造函数，原型对象，实例之间的关系  ，先来看一张图，大致了解下1，构造函数构造函数跟普通函数没什么区别，都是由function定义的，为了和普通函数做区别，一般构造函数首字母大写像这样，构造函数可以使用new操作符调用，也可以像普通函数那样调用，如果像普通函数那样调用，Person方法会自动添加到window对象中，2，原型对象我们每创建一个函数，js内部会根据特定规则（不必关心什么规则）为...
构造函数，对象原型，实例对象三者之间的关系
vincent_duan的专栏
08-29 437
撸了今年阿里、头条和美团的面试，我有一个重要发现.......>>> ...
理解实例、原型搜索顺序
weixin_33755649的博客
03-05 130
构造函数、原型、和实例的关系： 每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。 搜索顺序首先从对象实例本身实例开始。如果在实例中找到了具有给定名字的属性，则返回该属性的值。 如果没有找到，则继续搜索指针指向的原型对象，在原型对象中查找具有给定名字的属性，如果原型对象中中找到了这个属性，则返回该属性。 但是我们发现一个问题，就是实...
构造函数，原型，实例之间的关系
Jermyo的博客
05-18 393
关系： 1、每个构造函数都有一个原型属性prototype，它指向原型对象 2、原型对象都包含一个指向构造函数的指针（constructor） 3、而实例都包含一个指向原型对象的内置指针（__ proto__） 代码： function Person(){ } //构造函数 Person.prototype.name = "bree"; //在构造函数的原型对象上添加属性 Person.prototype.isName = function(){ alert(this.name) } v
构造函数的方法和属性会复制给实例，但是原型中的方法和属性都不存在于实例中
u013182438的博客
10-26 521
function Person(){ var home = 'zfg'; this.tt = 'xjh'; } Person.prototype.name = 'ysx'; Person.prototype.sayname = function(){ alert(this.tt); } var person1 = new Person(); person1.sayname(); alert(
深入理解javascript构造函数和原型对象
10-25
在深入理解JavaScript的过程中，构造函数和原型对象是两个核心概念。JavaScript是一种基于对象（Object-based）和原型（Prototype-based）的语言，其对象模型与传统的基于类（Class-based）语言有所不同。理解构造...
【复习】javascript 原型对象，对象原型，原型对象和原型中的构造函数(constructor)
代码随想录
06-29 440
原型对象 原型对象（prototype）是构造函数的一个属性 function Person (uname, age) { this.uname = uname; this.age = age; } // 每个构造函数都有一个属性，prototype，称为原型对象 // console.log( Person.prototype ); Person.prototype.say = function () { console.log('说话哇哈哈'); }..
原型链尝试，在原型上的属性，实例的对象删除该属性后，变为默认原型上的属性
fffffffzl的博客
03-19 280
代码 function Person() { let name = '张三'; } Person.prototype.sex = '男' let p1 = new Person() let p2 = new Person() console.log(p1.sex) console.log(p2.sex) p1.sex = '女' console.log
什么叫构造函数，原型属性和方法，实例属性和方法以及构造函数原型和实例三者关系
哈里·雪利博客
01-31 2224
//构造函数应该是(空的)结构框架function box(){}; //原型属性和方法——构造函数赋予原型prototype结构,(box.prototype.name;box.prototype.run=function(){}); //原型属性和方法——特征是本质的，共性的，可共享的，相同的; //实例属性和方法——构造函数赋予具体实际个性案例; //实例属性和方法——特征是表象的，
构造函数实例的操作顺序
iamdll的专栏
06-12 520
将所有的静态变量设置为0；执行静态变量初始化器；执行基类的静态构造器；执行当前类型的静态构造器；将所有的实例变量设置为0；执行实例变量初始化器；执行合适的基类实例构造器；执行当前类型的实例构造器。
JS面向对象篇二、什么是原型？原型对象与实例对象、构造函数的关系及相关方法
qy1197330565的博客
10-30 386
本文内容： 1、构造函数、原型对象与实例对象之间的关系； 2、isPrototypeOf()和Object.getPrototypeOf(); 3、实例对象上与原型对象上同名的属性处理； 4、hasOwnProperty()方法和in操作符判断属性来自实例对象本身还是它的原型对象； 5、for-in、Object.keys()和Object.getOwnPropertyNames()方法获取实例...
通过构造函数创建的对象的原型指向构造函数的prototype属性
破晓
05-17 1687
function Range(from,to){ this.from = from; this.to = to; } Range.prototype = { includes:function(x){return x>=this.from && x<=this.to;}, forearch:function(){for(var i
什么是构造函数？什么是实例？为什么说属性在构造函数中声明，方法在原型中声明？
你若盛开，清风自来
02-24 1824
什么是构造函数，什么是实例 构造函数是对一个实例的一个描述 构造函数 ，是一种特殊的方法。主要用来在创建对象时初始化对象， 即为对象成员变量赋初始值，总与new运算符一起使用在创建对象的语句中。特别的一个类可以有多个构造函数，可根据其参数个数的不同或参数类型的不同来区分它们 即构造函数的重载。 function Person (name){ this.name = name; }...
js原型对象的问题--对象实例属性vs对象原型属性
qq_35936643的博客
03-22 946
高程中关于原型值得注意的地方 可以通过对象实例访问保存在原型中的值，但不能通过对象实例重写原型中的值 在对象实例中添加一个实例属性中存在的同名属性，该属性会屏蔽原型中的属性（不会改变原型中同名属性的值） 当该属性为引用类型值时，调用某些方法e.g.:push()、pop()等会改变原型中的同名属性的值 下图： ...
JS实例属性和原型属性的区别 (转自 zhs077)
likeuzi的博客
01-17 545
第一种方式会对每一个类的方法和属性独立开辟一块内存空间，而原型链的方式则仅仅是引用1.实例属性指的是在构造函数方法中定义的属性，属性和方法都是不一样的引用地址例如function CreateObject(name,age){this.name=name; //实例属性this.age=age;this.run=function(){ //实例方法return this.name + thi
反射机制实例化类，并获取类中的属性、方法、和构造器
【小喵】的博客
04-03 754
1.先写一个JavaBean类： package com.buaa.reflectTest; public class User { private int id; private int age; private String uname; public int getId() { return id; } public void setId(int id) { this
请说出 构造函数 原型对象 实例对象之间的关系
最新发布
05-21
在JavaScript中，构造函数、原型对象和实例对象之间是有关系的： 1. 构造函数是一个普通的函数，用于创建并初始化对象。它可以包含属性和方法，以及其他自定义逻辑。 2. 原型对象是一个普通的对象，它包含了构造函数的属性和方法。当一个实例对象调用构造函数中不存在的属性或方法时，JavaScript会在原型对象中查找，如果找到了就会返回对应的值。 3. 实例对象是通过构造函数创建的对象。它具有构造函数和原型对象中定义的属性和方法。 具体来说，当我们创建一个实例对象时，JavaScript会先创建一个空对象，然后将这个空对象的[[prototype]]（即__proto__）属性指向构造函数的原型对象，最后将构造函数中的属性和方法添加到这个空对象中，从而创建出一个完整的实例对象。这样，实例对象就可以访问构造函数和原型对象中定义的属性和方法了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值