前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >显式原型与隐式原型

显式原型与隐式原型

原创
作者头像
李才哥
修改于 2020-03-30 03:11:37
修改于 2020-03-30 03:11:37
4460
举报
文章被收录于专栏:李才哥李才哥

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>02_显式原型与隐式原型</title>

</head>

<body>

<!--

1. 每个函数function都有一个prototype,即显式原型

2. 每个实例对象都有一个__proto__,可称为隐式原型

3. 对象的隐式原型的值为其对应构造函数的显式原型的值

4. 内存结构(图)

5. 总结:

* 函数的prototype属性: 在定义函数时自动添加的, 默认值是一个空Object对象

* 对象的__proto__属性: 创建对象时自动添加的, 默认值为构造函数的prototype属性值

* 程序员能直接操作显式原型, 但不能直接操作隐式原型(ES6之前)

-->

<script type="text/javascript">

function Fn() {

}

var fn = new Fn()

console.log(Fn.prototype, fn.__proto__)

console.log(Fn.prototype===fn.__proto__)

Fn.prototype.test = function () {

console.log('test()')

}

fn.test()

</script>

</body>

</html>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
js-函数的prototype
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/163403.html原文链接:https://javaforall.cn
全栈程序员站长
2022/09/15
7520
js原型链
1.每一个构造函数都有一个prototype属性,默认指向一个空Object对象(原型对象)
切图仔
2022/09/08
2.2K0
js原型链
19原型
在 Javascript中,函数是一个包含属性和方法的Function类型的对象。而原型( Prototype)就是Function类型对象的一个属性。
Dreamy.TZK
2020/06/03
3620
【JavaScript】 进阶教程 施工中~
每个函数都有一个prototype属性。它默认指向一个Object空对象(即成为:原型对象)
杨丝儿
2022/02/24
1.4K0
【JavaScript】 进阶教程 施工中~
557 原型prototype和原型链__proto__:原理,函数的三种角色,for in,手写new
Object.create(xxx):创建一个空对象,并且让把xxx作为创建对象的原型(空对象.__proto __ = xxx),xxx必须是对象或者null,如果xxx是null,则创建一个没有任何原型指向的空对象
全栈程序员站长
2022/09/07
2200
557 原型prototype和原型链__proto__:原理,函数的三种角色,for in,手写new
JS原型链温故
js的数据类型主要分为基本类型和引用类型。基本类型包括String、Number、Boolean、undefined、null。引用类型包括Object。
前端_AWhile
2019/08/29
1.3K0
zepto设计和源码分析(推荐) 原
视频附加信息链接:http://www.kancloud.cn/wangfupeng/zepto-design-srouce/173680
晓歌
2018/08/15
3970
zepto设计和源码分析(推荐)
                                                                            原
JS基础知识总结(三):原型、原型链
上一篇JS基础知识总结(二)主要了介绍深拷贝、浅拷贝的基础知识,本文将介绍JS原型、原型链的有关内容。
前端林子
2019/01/05
2.3K1
JS基础知识总结(三):原型、原型链
[我的理解]Javascript的原型与原型链
一、原型与原型链的定义 原型:为其他对象提供共享属性的对象     注:当构造器创建一个对象,为了解决对象的属性引用,该对象会隐式引用构造器的"prototype"属性。程序通过constructor.prototype可以直接引用到构造器的"prototype"属性。并且添加到对象原型里的属性,会通过继承与所有共享此原型的对象共享。 原型链:每个由构造器创建的对象,都有一个隐式引用(叫做对象的原型)链接到构造器的"prototype"属性。再者,原型可能有一个非空隐式引用链接到它自己的原型,以此类推,这叫
sam dragon
2018/01/17
8790
[我的理解]Javascript的原型与原型链
Javascript原型链您了解多少
JS面向对象中的原型 每一个函数都有一个属性 即原型对象(显式原型:prototype)这个原型对象默认指向一个Object空对象,同时每一个原型对象(prototype)都有一个属性(constructor)又指向构造函数(构造函数和它的原型对象相互引用),同时每一个实例对象又有一个__proto__属性(隐式原型),这个属性指向其构造函数的原型对象 (Fn.prototype===fn.__proto__)。
切图仔
2022/09/08
1900
Javascript原型链您了解多少
掌握原型链,再炒冷饭系列
原型链是一个比较抽象的概念,每当被问起这个问题时,总会回答得不是那么准确,好像懂,但自己好像又不太懂,真是尴尬了
Maic
2022/08/29
2010
掌握原型链,再炒冷饭系列
javascript 基础_JavaScript高级编程
1.分类: -基本类型 -String:任意字符串 -Number:任意的数字 -boolean: true/false -undefined:未定义 -null:空
全栈程序员站长
2022/09/24
1.6K0
javascript 基础_JavaScript高级编程
关于原型链的心得体会
实例对象的隐式指向(__proto__)的原型等于构造器的显式指向的(prototype)原型。
砖业洋__
2023/05/06
1820
关于原型链的心得体会
JS题目总结:原型链/new/json/MVC/Promise
解读: 上图中,Object,Function,Array,Boolean都是构造函数
代码之风
2018/10/31
1.1K0
JavaScript学习笔记022-原型链0原型继承0对象的深浅拷贝extends
Author:Mr.柳上原 付出不亚于任何的努力 愿我们所有的努力,都不会被生活辜负 不忘初心,方得始终 这几天一直在做node项目实训 学到了很多实际企业开发知识 学的东西 跟要运用起来的东西 就好像教会你1+1=2 然后让你做高等代数 还需要加倍的努力啊 兄弟 <!DOCTYPE html> <!-- 文档类型:标准html文档 --> <html lang='en'> <!-- html根标签 翻译文字:英文 --> <head> <!-- 网页头部 --> <meat charset='UTF
Mr. 柳上原
2018/09/05
4180
详解原型与原型链
其实,刚开始学 JavaScript 时,就有学过原型与原型链的相关知识了,只是当时还没有养成写笔记的习惯,导致现在已经忘的七七八八了。
赤蓝紫
2023/01/02
4040
详解原型与原型链
JavaScript学习总结(四)——this、原型链、javascript面向对象
根据题目要求,对给定的文章进行摘要总结。
张果
2018/01/04
1.5K0
JavaScript学习总结(四)——this、原型链、javascript面向对象
JavaScript显式原型与隐式原型
在JavaScript中,每个函数都有一个特殊的属性称为"prototype"。这个"prototype"属性是一个对象,它定义了该函数创建的对象的共享属性和方法。
堕落飞鸟
2023/05/17
3280
深入理解原型对象和原型链
原型对象和原型链在前端的工作中虽然不怎么显式的使用到,但是也会隐式的使用了,比如使用的jquery,vue等啦。在进入正题的时候,我们还是需要明白什么是__proto__,prototype等知识点,主要讲解构造函数,这篇博文大多是问答形式进行...
Jimmy_is_jimmy
2019/07/31
6160
再看JavaScript,那些遗漏或易混淆的知识点(4)
原型继承就是可以使一个对象可以使用另一个对象上面的某一些属性,要求是这个对象没有这个属性。如果有这个属性,就直接使用自己的了(访问器属性除外)。
踏浪
2021/12/24
3120
再看JavaScript,那些遗漏或易混淆的知识点(4)
相关推荐
js-函数的prototype
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档