JS高级之函数的prototype（原型）

最新推荐文章于 2024-08-16 20:55:58 发布
最新推荐文章于 2024-08-16 20:55:58 发布
阅读量230 收藏
点赞数 3
分类专栏： JS高级 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiuqiudongdong/article/details/108978791
版权

函数的prototype（原型）属性：

  • 每个函数都有一个prototype属性，它默认指向一个Object空对象（即称为：原型对象）

  • Object空对象：没有我们的属性

  • 原型对象中有一个属性constructor，它指向函数对象

  • 给原型对象添加属性(一般是添加方法)
    作用: 函数的所有实例对象自动拥有原型中的属性(方法)

例子：

在这里插入图片描述
例子:(在原型对象中添加方法)

在这里插入图片描述

例子:(显示constructor)

在这里插入图片描述
例子:(验证指向函数对象)

在这里插入图片描述
构造函数和原型对象相互引用
在这里插入图片描述

例子:

在这里插入图片描述

葡萄籽啊
关注
专栏目录
JS中prototype理解
weixin_43994886的博客
06-13 230
用过JavaScript应该知道prototype，知道函数都会有一个prototype属性，比如object.prototype跟array.prototype具体啥意思一直不是很懂。 每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性， 也就是说将函数用作构造函数调用（使用new操作符调用）的时候，新创建的对象会从原型对象上继承属性和方法。 在具体说prototype前说几个相关的东东，可以更好的理解prototype的设计意
JS构造函数与原型prototype的区别介绍
10-22
JavaScript中的构造函数和原型(prototype)是两种不同的机制，它们共同作用于对象的创建和功能扩展。理解这两者的区别对于深入学习JavaScript至关重要。 首先，**构造函数** 是一种特殊类型的函数，用于创建和初始化...
js-函数的prototype
热门推荐
beichengliulixue的博客
08-25 1万+
Dockerfile
JavaScript 中的 .prototype：揭秘面向对象编程的基石
最新发布
weixin_63490470的博客
08-16 622
prototype属性是 JavaScript 中每个函数（包括构造函数）都拥有的一个特殊属性，它指向一个对象，称为原型对象。原型对象包含了该函数创建的所有实例共享的属性和方法。1.1prototype的本质 - 共享的宝库prototype属性并非函数本身的属性，而是函数的一个内部属性，它指向一个对象，称为原型对象。原型对象包含了该函数创建的所有实例共享的属性和方法。当我们访问一个实例的属性或方法时，JavaScript 会首先在实例本身查找，如果找不到，就会在原型对象中查找。1.2。
JS中构造函数的原型prototype
qq_44715697的博客
10-10 1667
原型prototypr 1. 简介 在构造函数中有一个属性叫prototype prototype是一个对象属性，其属性值为对象，称为原型对象 可以通过prototype来添加新的属性和方法，此时所有该构造函数创建的对象都会具有这些属性和方法 由该构造函数创建的对象会默认链接到该属性上 语法： 构造函数.prototype.属性名 = 值; 构造函数.prototype.方法名 = function(){定义方法体}; 访问对象属性的查找顺序： 首先在当前对象中查找对应的实例对象 如果没有，就会到
深入理解javascript中函数的prototype属性(原型)
CJF的博客
12-20 7167
函数的prototype属性 一、 只要我们创建一个函数，该函数就会自动获得一个prototype属性，这个属性指向函数的原型对象。 创建fn函数自动获得prototype属性，该属性是一个对象即该函数的原型对象，我们可以看到原型对象默认会有一个constructor属性，该属性是指向函数自身即fn。 二、 函数的prototype属性是一个对象 typeof fn.protot
js 函数的prototype属性
weixin_43872913的博客
09-17 145
当创建一个函数时，会自动生成一个prototype属性，它指向一个空对象，称为 原型对象，原型对象里有一个constructor属性，该属性指向函数自身。 function fn() { } console.log(fn.prototype) console.log(fn.prototype.constructor) console.log(fn === fn.prototype.constructor) prototype是 函数 的属性，而不是对象的属性 .
js构造函数constructor和原型prototype原理与用法实例分析
10-15
主要介绍了js构造函数constructor和原型prototype原理与用法,结合实例形式分析js构造函数constructor和原型prototype基本原理、功能、使用方法及操作注意事项,需要的朋友可以参考下
浅谈js构造函数的方法与原型prototype
10-22
在JavaScript编程中，构造函数和原型prototype是实现面向对象编程的关键特性，它们允许开发者以一种更加结构化和模块化的方式组织代码。为了深入理解这两个概念及其用途，下面将详细阐述构造函数和原型的相关知识点...
深入理解javascript构造函数和原型对象
10-25
在JavaScript中，每个对象都有一个原型对象（prototype），原型对象本身也是一个对象，并且有一个特殊的属性constructor，这个属性指向创建当前对象的构造函数。通过原型对象，可以实现对象之间的属性和方法共享，...
JS中的prototype和__proto__
wangguanguo的专栏
01-05 728
prototype 在JS中，每一个函数都有一个prototype属性，它的作用，简单的理解，就是当使用new关键字实例化一个函数的时候，这个函数prototype里面的对象也会共享到新实例里面。 function M1(){ name:'john' } M1.prototype.sex = 'male' M1.age = 18 var m2 = new M1() console.lo
JS中的Prototype
山鬼谣弋痕夕的博客
07-11 1054
var dom = function(){ }; dom.Show = function(){ alert("Show Message"); }; dom.prototype.Display = function(){ alert("Property Message"); }; dom....
JS高级——对象的原型__proto__、函数的原型prototype、构造函数
zep
03-08 1347
一、认识构造函数 我们先理解什么是构造函数？ 构造函数也称之为构造器（constructor），通常是我们在创建对象时会调用的函数； 在其他面向的编程语言里面，构造函数是存在于类中的一个方法，称之为构造方法； 但是JavaScript中的构造函数有点不太一样； JavaScript中的构造函数是怎么样的？ 构造函数也是一个普通的函数，从表现形式来说，和千千万万个普通的函数没有任何区别； 那么如果这么一个普通的函数被使用new操作符来调用了，那么这个函数就称之为是一个构造函数； 那么被new调用有
JavaScript函数及其prototype
李刚的学习专栏
05-10 2649
一、定义 函数可以通过声明定义，也可以是一个表达式。 （1）函数声明式： 分号是用来分隔可执行JavaScript语句，由于函数声明不是一个可执行语句，所以不以分号结束。 function a(){ console.log('bbb'); }（2）函数表达式： 函数表达式以分号结尾，因为它是一个执行语句。 var a = function(){ console.log('aaa
js中类定义函数时用prototype与不用的区别
EmotionComputer
06-05 4275
首先来看一个实例： function ListCommon2(first,second,third) { this.First=function () { alert("first do"+first); } } //不加prototype的情况 ListCommon2.do1=function(first) { // thi...
javascript 函数属性prototype详解
前端琅琊阁
11-26 3935
在JavaScript中并没有类的概念，但JavaScript中的确可以实现重载，多态，继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype来解释。 1、prototype 在JavaScript中并没有类的概念，但JavaScript中的确可以实现重载，多态，继承。这些实现其实方法都可以用JavaScript中的引用和变量作用域结合prototype
原型知识点
weixin_30882895的博客
10-23 87
每一个函数都有一个prototype属性，称为原型。每一个对象都有一个__proto__属性，称为隐式原型。每一个原型prototype（包括隐式原型__proto__）都有一个constructor属性，指向当前函数。prototype和__proto__本身也都属于对象。所有对象的__proto__都指向创建该对象的函数的prototype。所有的对象，本质上都是通过object函数创建的。所...
JavaScript构造函数、prototype与原型链详解
在JavaScript早期版本（ES5）中，类的概念并未引入，而是通过构造函数、`prototype` 和原型链来实现对象的定义和继承。 1. **构造函数** 构造函数是JavaScript中用于创建对象的一种特殊函数。例如，`function ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值