关于原型链的部分总结

于 2022-10-24 19:23:24 发布
阅读量380 收藏
点赞数 1
文章标签： 1024程序员节 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48780364/article/details/127499185
版权

一、什么是原型链
    在javascript中每个对象都会有一个__proto__属性，
    当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，
    那么它就会去__proto__里去找这个属性，
    这个__proto__又会有自己的__proto__，于是就这样一直找下去，
    这就是原型链的概念。

二、原型链的最终指向 ：null

三、原型链的查找规则 ：
    按照原型链依次往下找，有就返回，没有就undefined或者报错

四、用字面量方法创建原型带来的问题 ：
      加上constructor属性即可

一、call方法
      1、可以进行函数的调用
      2、可以改变this的指向，如果没有参数，this指向全局
      3、可以改变this的指向，如果有一个参数，this指向该参数
      4、可以改变this的指向，如果有多个参数，this指向第一个参数，其他参数都是参数列表

    二、apply()方法
      1、可以进行函数的调用
      2、可以改变this的指向，如果没有参数，this指向全局
      3、可以改变this的指向，如果有一个参数，this指向该参数
      4、可以改变this的指向，如果有多个参数，this指向第一个参数，其他参数都是数组

    三、bind()方法
      1、不可以进行函数的调用
      2、可以改变this的指向，如果没有参数，this指向全局
      3、可以改变this的指向，如果有一个参数，this指向该参数

 js继承 ：原型继承  构造继承（call方法继承） 拷贝继承



    new关键字的作用
        1、创建一个新对象，返回一个新对象
        2、改变构造函数中this指向，指向实例化对象
    
    
    new关键字的底层原理
        1、var p1 = {} 创建了一个对象
        2、p1.__proto__ == Person.prototype    p1的指针指向构造函数的原型，原型对象中的属性和方法可以被继承
        3、Person.call(p1) 调用函数  改变this指向
    
 

script~
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
原型链例题
程序媛的梦工厂
04-20 38
Function.prototype.a = () => { console.log(1); } Object.prototype.b = () => { console.log(2); } function A() {} const a = new A(); a.a(); // 报错 a.b(); // 2 A.a(); // 1 A.b(); // 2 Function.prototype.a = 'Function'; Object.prototype.a = 'Ob...
原型链、面向对象
killbee365的博客
07-02 149
一、原型链 对于原型链，会从创建对象的方式、原型、构造函数、实例、原型链、instanceof 的原理、new 运算符这几个方面分析 对于创建对象的方式，如下所示： 字面量的方式，如下所示： var o1 = {name: 'o1'}; var o2 = new Object({name: 'o2'}); 构造函数的方式，如下所示： var M = function (name) { this.name = name; }; var o3 = new M('o3'); Ob
JS---原型链
qq_44193064的博客
02-14 507
1.prototype和contructor prototype指向函数的原型对象，这是一个显式原型属性，只有函数才拥有该属性。contructor指向原型对象的构造函数。 关系如下图: 2. _ _proto _ _ 每个对象都有__proto__，它是隐式原型属性，指向了创建该对象的构造函数原型。由于js中是没有类的概念，而为了实现继承，通过 proto 将对象和原型联系起来组成原型链，就可...
原型链总结
张木期的博客
06-14 280
因为person的原型对象定义了公共的say方法，虽然是在我们实例化对象之后出现的，但是是在这个原型方法调用之前声明的，所以在他下面实例化的对象都可以拥有这个say方法。 通过这个案例 我们可以了解到，原型对象的用途就是给每个实例化对象存储一些共有的方法和属性。 person.say == new Person().say person.say is not a function 当var...
原型链及最终的指向
TWcodego的博客
10-08 1924
看了廖雪峰老师和阮一峰老师的博客，深有体会，然后自己画图理解了一下 若有不对，敬请指正，谢谢大家！
JavaScript作用域、闭包、对象与原型链概念及用法实例总结
10-18
JavaScript是Web开发中不可或缺的一部分，它提供了丰富的特性，如作用域、闭包、对象和原型链，这些都是理解和编写高效代码的关键。以下是对这些概念的详细解释： 1. **JavaScript变量作用域** - **函数作用域**：...
详解js中的原型，原型对象，原型链
11-20
总结，JavaScript中的原型、原型对象和原型链是实现面向对象编程的关键机制。它们允许对象共享属性和方法，构建复杂的继承结构，并通过原型链实现属性的查找。理解这些概念对于编写高效、可维护的JavaScript代码至关...
js 原型对象和原型链理解
10-20
4. `Function.prototype`和`Object.prototype`是原型链的重要组成部分，它们构成了JavaScript的继承机制。 理解这些概念有助于编写更高效、可维护的JavaScript代码，并充分利用语言的面向对象特性。
关于JavaScript 原型链的一点个人理解
10-21
这里的`Function`、`Function.prototype`、`foo`、`foo.prototype`和`Object.prototype`都是原型链的一部分。 对于像`Number`、`Boolean`、`String`这样的内置构造函数，它们的`[[Prototype]]`也指向`Function....
JavaScript中的原型链prototype介绍
10-24
JavaScript中的原型链（prototype chain）是实现对象继承和属性查找机制的关键部分。在这个概念中，每个对象都有一个内部属性`[[Prototype]]`，通常通过`__proto__`、`Object.getPrototypeOf()`或`o.constructor....
彻底理解JavaScript原型链（一）—__proto__的默认指向
weixin_45242865的博客
08-24 4529
JavaScript 的原型链系统着实让人头痛，在查阅了各种资料之后，终于总结出了基于几条通用规则和少数例外情况的 js 原型链逻辑，下面就让我们来一起看看是怎样的一个原理。 虽然 JavaScript 里一切皆对象，但为了理解原型链系统，我们需要将 JavaScript 的对象分为对象和函数两大类。在此基础上，JavaScript 的原型链逻辑遵从以下通用规则： 通用规则 ① 对象有 __proto__ 属性，函数有 prototype 属性； ② 对象由函数生成; ③ 生成对象时，对象的 __proto
原型链和this指向
Ali_code的博客
10-19 308
原型链 什么是原型? function User(firstName, lastName){ this.firstName = firstName; this.lastName = lastName; this.fullName = firstName + ' ' + lastName; } User.prototype.sayHi = function(){ console.log('你好，我是' + this.fullName); } User.prototype.sayHiEN
JS高级---原型链（一看就懂，但18岁以下请绕道）
热门推荐
一个前端小学生的博客
05-27 2万+
1）小明是小明妈生的，小狗是小狗妈生的。小明和小狗都是对象实例，而小明妈和小狗妈就是原型。原型也是对象，叫原型对象。      2）小明妈和小明爸啪啪啪能生出一堆小明明、小狗妈和小狗爸啪啪啪能生出一堆小狗狗，啪啪啪就是构造函数，俗称造人或造狗。      3）小明妈会记录啪啪啪的信息，所以可以通过小明妈找到啪啪啪的信息，也就是说能通过原型对象找到构造函数。     4）小明妈可以生很多宝宝，
详解原型链继承
freedomai的专栏
10-07 952
/* js没有类的概念，js的继承不是通过类的继承来实现的，而是通过”原型“的概念来完成的 */ function tiger() {     this.bark = function() {         alert('我是百兽之王');     } } var hu = new tiger(); /* 以java为例，应该让tiger继承cat类，但是js中做
原型的指向是否可以改变 原型最终指向了哪里 原型指向改变如何添加方法和访问
Leon_Jinhai_Sun的博客
01-24 376
原型的指向是否可以改变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> // function Student(){ // } ...
js系列教程13-原型、原型链、作用链、闭包全解
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
11-17 5907
全栈工程师开发手册 （作者：栾鹏） 快捷链接： js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算法全解 js系列教程6-BOM操作全解 js系列教程7-DOM操作全解 js系列教程8-事件全解 js系列教程9-表单元素全解 js系列教程10-canvas绘图全解 js系列教程
JS原型与原型链
m0_47720236的博客
01-17 677
原型：prototype(显式原型) 函数上的一个属性，默认情况下是一个普通的object对象 注意： function a(){} var b = new a();//a没有prototype属性，因为不是函数 构造函数 constructor 原型上的一个属性，指向该原型对应的构造函数,值为函数体。 Object.prototype.constructor === Object true 隐式原型 proto 对象上的一个属性,默认情况下，指向创建该对象的构造函数的原型。 每个引用类型的隐式原
JS原型与原型链终极详解
青天诀的专栏
05-10 4369
一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象。下面举例说明function f1(){}; var f2 = function(){}; var f3 = new Function(‘str’,’console.log(str)’);var o3 = new f1();
原型和原型链的总结
piaocanY的博客
04-15 180
我们要先理解构造函数是什么？ 构造函数–构造对象的函数 fuction Hero(name,age){ 实例成员/对象成员 --跟对象相关的成员，将来使用对象的方式来调用 实例成员会根据对象的不同来发生相应的变化 this.name = name this.age = age this.study = function(){ console.log(this.n...
掌握JavaScript闭包、作用域与原型链：面试必备
总结来说，闭包、作用域链、原型与原型链以及事件代理都是JavaScript中不可或缺的概念，它们帮助开发者实现复杂功能、提高代码组织和性能优化。理解和熟练运用这些概念，是提高JavaScript编程技能的关键部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值