js-原型&&原型链理解

简介: js-原型&&原型链理解

## 一、原型

> 1.所有`引用类型`都有一个`__proto__(隐式原型)`属性,属性值是一个普通的对象

> 2.所有`函数`都有一个`prototype(原型)`属性,属性值是一个普通的对象

> 3.所有`引用类型的__proto__`属性`指向`它`构造函数的prototype`

```

var a = [1,2,3,4,5,6];

a.__proto__ === Array.prototype; // true

```

## 二、原型链

> 当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的`__proto__`隐式原型上查找,即它的构造函数的`prototype`,如果还没有找到就会再在构造函数的`prototype`的`__proto__`中查找,这样一层一层向上查找就会形成一个链式结构,我们称为`原型链`。

举例,有以下代码

```

function Parent(month){

   this.month = month;

}

var child = new Parent('dong');

console.log(child.month); // dong

console.log(child.year); // undefined

```

在child中查找某个属性时,会`执行下面步骤`:

![这里写图片描述](https://upload-images.jianshu.io/upload_images/6946912-339f149a0c766118?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

`访问链路`为:

![这里写图片描述](https://upload-images.jianshu.io/upload_images/6946912-3d21506b44030989?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

> ①一直往上层查找,直到到null还没有找到,则返回`undefined`

> ②`Object.prototype.__proto__ === null`

> ③所有从原型或更高级原型中的得到、执行的方法,其中的this在执行时,指向当前这个触发事件执行的对象


目录
相关文章
|
1月前
|
JavaScript 前端开发
如何在JavaScript中实现基于原型的继承机制
【8月更文挑战第14天】如何在JavaScript中实现基于原型的继承机制
25 0
|
22小时前
|
JSON JavaScript 前端开发
|
24天前
|
JavaScript 前端开发
JavaScript基础知识-原型(prototype)
关于JavaScript基础知识中原型(prototype)概念的介绍。
27 1
|
1月前
|
JavaScript 前端开发
JavaScript中什么是原型?有什么用?
JavaScript中什么是原型?有什么用?
14 1
|
1月前
|
JavaScript 前端开发 Java
什么是JavaScript原型对象
【8月更文挑战第2天】什么是JavaScript原型对象
50 9
|
26天前
|
开发者 图形学 iOS开发
掌握Unity的跨平台部署与发布秘籍,让你的游戏作品在多个平台上大放异彩——从基础设置到高级优化,深入解析一站式游戏开发解决方案的每一个细节,带你领略高效发布流程的魅力所在
【8月更文挑战第31天】跨平台游戏开发是当今游戏产业的热点,尤其在移动设备普及的背景下更为重要。作为领先的游戏开发引擎,Unity以其卓越的跨平台支持能力脱颖而出,能够将游戏轻松部署至iOS、Android、PC、Mac、Web及游戏主机等多个平台。本文通过杂文形式探讨Unity在各平台的部署与发布策略,并提供具体实例,涵盖项目设置、性能优化、打包流程及发布前准备等关键环节,助力开发者充分利用Unity的强大功能,实现多平台游戏开发。
49 0
|
1月前
|
JavaScript 前端开发 开发者
揭开JavaScript的神秘面纱:原型链背后隐藏的继承秘密
【8月更文挑战第23天】原型链是JavaScript面向对象编程的核心特性,它使对象能继承另一个对象的属性和方法。每个对象内部都有一个[[Prototype]]属性指向其原型对象,形成链式结构。访问对象属性时,若当前对象不存在该属性,则沿原型链向上查找。
25 0
|
3月前
|
设计模式 JavaScript 前端开发
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
JavaScript的继承机制基于原型链,它定义了对象属性和方法的查找规则。每个对象都有一个原型,通过原型链,对象能访问到构造函数原型上的方法。例如`Animal.prototype`上的`speak`方法可被`Animal`实例访问。原型链的尽头是`Object.prototype`,其`[[Prototype]]`为`null`。继承方式包括原型链继承(通过`Object.create`)、构造函数继承(使用`call`或`apply`)和组合继承(结合两者)。ES6的`class`语法是语法糖,但底层仍基于原型。继承选择应根据需求,理解原型链原理对JavaScript面向对象编程至关重要
83 7
【JavaScript】深入浅出JavaScript继承机制:解密原型、原型链与面向对象实战攻略
|
1月前
|
设计模式 JavaScript 前端开发
js对原型和继承的理解
了解JavaScript中原型和继承的概念对于编写优雅高效的代码、理解库和框架的内部机制以及执行高级设计模式都有着重要的意义。
38 0
|
1月前
|
JavaScript 前端开发
详细讲解!JavaScript原型 !
详细讲解!JavaScript原型 !