如何彻底理解JavaScript中原型对象的工作原理?

2026-04-08 15:510阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计3188个文字,预计阅读时间需要13分钟。

如何彻底理解JavaScript中原型对象的工作原理?

一、什么是原型 + 原型是JavaScript中的继承基础,JavaScript的继承就是基于原型的继承。 + 1.1 函数的原型对象 + 在JavaScript中,我们创建一个函数A(也就是声明一个函数),那么浏览器会在内存中为这个函数创建一个原型对象。

一、什么是原型

原型是Javascript中的继承的基础,JavaScript的继承就是基于原型的继承。

1.1 函数的原型对象

​ 在JavaScript中,我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B,而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即:prototype的属性的值是这个对象 )。这个对象B就是函数A的原型对象,简称函数的原型。这个原型对象B 默认会有一个属性 constructor 指向了这个函数A ( 意思就是说:constructor属性的值是函数A )。

​ 看下面的代码:

<body> <script type="text/javascript"> /* 声明一个函数,则这个函数默认会有一个属性叫 prototype 。而且浏览器会自动按照一定的规则 创建一个对象,这个对象就是这个函数的原型对象,prototype属性指向这个原型对象。这个原型对象 有一个属性叫constructor 执行了这个函数 注意:原型对象默认只有属性:constructor。其他都是从Object继承而来,暂且不用考虑。

阅读全文

本文共计3188个文字,预计阅读时间需要13分钟。

如何彻底理解JavaScript中原型对象的工作原理?

一、什么是原型 + 原型是JavaScript中的继承基础,JavaScript的继承就是基于原型的继承。 + 1.1 函数的原型对象 + 在JavaScript中,我们创建一个函数A(也就是声明一个函数),那么浏览器会在内存中为这个函数创建一个原型对象。

一、什么是原型

原型是Javascript中的继承的基础,JavaScript的继承就是基于原型的继承。

1.1 函数的原型对象

​ 在JavaScript中,我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B,而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即:prototype的属性的值是这个对象 )。这个对象B就是函数A的原型对象,简称函数的原型。这个原型对象B 默认会有一个属性 constructor 指向了这个函数A ( 意思就是说:constructor属性的值是函数A )。

​ 看下面的代码:

<body> <script type="text/javascript"> /* 声明一个函数,则这个函数默认会有一个属性叫 prototype 。而且浏览器会自动按照一定的规则 创建一个对象,这个对象就是这个函数的原型对象,prototype属性指向这个原型对象。这个原型对象 有一个属性叫constructor 执行了这个函数 注意:原型对象默认只有属性:constructor。其他都是从Object继承而来,暂且不用考虑。

阅读全文