构造函数/原型prototype/构造器constructor/原型继承/原型链/this指向/弹窗案例/&&逻辑与中断

已于 2023-07-22 19:29:38 修改
阅读量19 收藏
点赞数
分类专栏： js进阶 案例实现 文章标签： 原型模式
于 2023-05-29 22:21:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45000011/article/details/130937198
版权

 

 

 这里是在给prototype对象追加属性,没有改变prototype对象引用地址,所以没问题

 

 

 

 这里给prototype赋值,直接赋了一个新的对象,改变prototype对象的指向,(对象指向地址变了),导致他(prototype)失去了自己的之前的一些已有的属性,比如它的constructor属性木有了,从而需要在新的对象里面加上constructor:Star来指向自己的constructor构造函数,才能找到爸爸

 

 

 

 

 

 继承

 

 

原型链

 

 

 

 综合案例

 

 

 

 

 

 逻辑与中断

m0_45000011
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
简述一下原型 / 构造函数 / 实例
liuhao9999的博客
03-22 592
原型(prototype): 一个简单的对象，用于实现对象的属性继承。可以简单的理解成对象的爹。在 Firefox 和 Chrome 中，每个JavaScript对象中都包含一个__proto__(非标准)的属性指向它爹(该对象的原型)，可obj.__proto__进行访问。 构造函数: 可以通过new来新建一个对象的函数。 实例: 通过构造函数和new创建出来的对象，便是实例。实例通过__proto__指向原型，通过constructor指向构造函数。 这里来举个栗子，以O...
JS 的构造函数、原型和原型链
impact_factor的博客
08-20 305
构造函数、原型和原型链构造函数构造函数简介静态成员和实例成员构造函数和类的区别构造函数的问题原型构造函数原型 prototype__proto__对象原型constructor 构造函数构造函数、实例、原型对象三者之间的关系原型链 构造函数 构造函数简介 在 ES6之前 ，对象不是基于类创建的，而是用一种称为构建函数的特殊函数来定义对象和它们的特征。 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 一起使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个
理解函数、构造函数、原型与原型链四者之间的关系
WEB前端李志杰
11-16 460
第一：如何理解函数、构造函数相同点和不同点？ 构造函数就是一个普通的函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写。 构造函数和普通函数的区别就是调用方式的不同，普通函数是直接调用，而构造函数需要使用new关键字来调用。 例如：创建一个person函数和Person构造函数 //普通函数 function person(name , age ,gender){ //创建一...
理解 构造函数 实例化对象 原型对象 原型链 继承 constructor prototype __proto__
月光恋九霄的博客
11-19 516
function foo(something) { this.a = something; } var obj1 = {}; var bar = foo.bind( obj1 ); typeof foo // "function" typeof obj1 // "object" typeof bar // "function" var bar = new bar(4); typeof bar //"object" bar //foo{a: 4}a: 4__proto__: Object ob..
高级之路篇十三：构造函数、原型、原型链以及如何实现继承
HuaiCheng9067的博客
04-29 338
构造函数，原型，实例 每创建一个函数，该函数就会自动带有一个prototype属性。该属性是个指针，指向了一个对象，我们称之为原型对象。 三者之间的关系：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。通俗点说就是，实例通过内部指针可以访问到原型对象，原型对象通过constructor指针，又可以找到构造函数。 原型...
原型链继承和构造函数继承
li1484155613的博客
09-24 1120
//原型链继承 function Father(name,age){//构造器 this.name=name; this.age=age; this.say=function(){ console.log(this.name) } } Father.prototype.walk=function(){...
构造函数 原型链
HelloWord176的博客
12-27 396
1、构造函数是什么 所谓的构造函数其实就是一个普通的函数前面加了new运算符，其实质也是一个函数，所以构造函数都有函数的prototype属性。 // 构造函数的目的：创建对象 // 学生类→ 构造函数 function Student(name,age,gender) { // 属性 this.name = name; ...
JS中的构造函数，原型，原型链，原型链继承
Zhou的博客
04-16 549
JavaScript是一门基于原型的解释型脚本语言，运行在浏览器端，同时JS也是面向对象的编程语言，在JS中所有的事物都可以看作是对象，字符串，数字，函数等等。 首先复习一下创建对象的方式有哪些？ 1.通过对象字面量来创建：var student = { key:value,...} 2.通过new Object()创建对象： var student = new Object(); stude...
原型 原型链，call/apply
A31208的博客
03-06 331
原型定义： 1、原型是function对象的一个属性，它是构造函数制造出的对象的一个公有祖先，通过构造函数制造出的对象，可以继承该原型的属性和方法 2、利用原型，可以提取共有属性 3、对象查看原型的隐式属性==》 _ _ proto_ _ Person.prototype.name = "aaa"; function Person(){ // var this = { ...
浅析Javascript原型继承 推荐第1/2页
12-01
`prototype`属性是属于函数而非对象实例的，它指向一个对象，这个对象拥有`constructor`属性，这个属性指回了创建该对象的构造器函数。例如： ```javascript function MyObj(id) { this.id = id; } var obj = new...
图文详解JavaScript的原型对象及原型链
12-10
`prototype`主要与函数对象关联，用于定义构造函数的原型对象，而`__proto__`是每个对象都具有的内部属性，它指向创建该对象的构造函数的原型。 1. 当我们通过字面量方式创建一个对象`a = {}`时，`a.prototype`是`...
JS原型、原型链深入理解
11-22
原型是JavaScript中一个比较难理解的概念，原型相关的属性也比较多，对象有”prototype”属性，函数对象有”prototype”属性，原型对象有”constructor”属性。 一、初识原型 在JavaScript中，原型也是一个对象，...
JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】
10-20
构造器函数（Constructor）类似于类，使用 `new` 关键字来实例化对象。但同样，每个实例的属性和方法都会被重复创建。 ```javascript function Obj() { this.name = "xxx"; this.say = function() { alert("我...
JavaScript进阶（四）原型与原型链用法实例分析
10-15
- **`constructor`属性**：每个原型对象都有一个`constructor`属性，它指向与该原型关联的构造函数。 - **`__proto__`访问器**：虽然非标准，但在某些浏览器中可用，用于访问对象的原型。标准做法是使用`Object....
设计模式——原型模式
weixin_46073538的博客
07-09 949
原型模式(Prototype 模式)是指:用原型实例指定创建对象的种类，并且通过拷贝这些原型，创建新的对象原型模式是一种创建型设计模式，允许一个对象再创建另外一个可定制的对象，无需知道如何创建的细节工作原理是:通过将一个原型对象传给那个要发动创建的对象,这个要发动创建的对象通过请求原型对象拷贝它们自己来实施创建，即 对象.clone()形象的理解:孙大圣拔出猴毛，变出其它孙大圣用一个已经创建的实例作为原型，通过复制该原型对象来创建一个和原型对象相同的新对象。
设计模式之原型模式
最新发布
07-12 529
设计模式中的原型模式（Prototype Pattern）是一种创建型设计模式，它提供了一种创建对象的最佳方式，即直接复制现有的对象，而不是通过实例化类来创建新对象。这种模式在需要快速生成大量相似对象时非常有用，尤其是当对象的创建成本较高（如资源消耗大、初始化时间长等）时。
java设计模式（六）——原型模式
print_out的博客
07-09 136
原型模式：创建型模式之一，就是基于原型创建对象，也就是一个对象的产生可以不由零起步，直接从一个已经具备一定雏形的对象克隆，然后再修改为所需要的对象。节约创建对象时间。使用场景如果对象创建成本比较大，例如某个对象里面的数据需要访问数据库才能拿到；并且同一个类的不同对象之间差别不大（大部分字段相同）,这种场景下可以考虑使用原型模式。
js原型和类---prototype，__proto__，new，class
I_am_shy的博客
07-09 1184
在js中，一个变量被创建出来，它就会被绑定一个原型；比如说，任何一个变量都可以使用console.log打印，这里是调用了它的toString方法，而变量被创建后可能并没有设置toString方法，但是它任然可以打印，这就从原型中获取的toString方法所以可以得到第一点：原型可以提供方法给实例的变量，原型也是一个对象，或者说对象可以作为原型并赋值给其他变量，这样对象成为了变量的原型，而对象本身也有原型，此时就形成了 ‘链’
? 在原型链中，constructor指向原型对象的构造函数?? 你确定吗
07-14
而原型对象又有一个属性constructor，它指向原型对象的构造函数。这个构造函数即为创建该对象的函数。 例如，假设我们有一个构造函数Person： ```javascript function Person(name) { this.name = name; } ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值