JS原型+原型链

最新推荐文章于 2023-12-28 13:39:31 发布
最新推荐文章于 2023-12-28 13:39:31 发布
阅读量294 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 原型 前端 文章标签： 原型
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jojoliny/article/details/78768110
本文介绍了JavaScript中的值类型与引用类型的区别，详细解释了函数的prototype属性及其所指对象的constructor属性之间的关系，并探讨了隐式原型__proto__的概念及其实现原理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前言

值类型：undefined, number, string, boolean
引用类型：object、array、function
一切（引用类型）都是对象，对象是属性的集合

prototype原型

每个函数都有一个属性prototype
prototype的属性值是一个对象
prototype所指对象默认有一个constructor属性
而constructor属性又指向其本身

这里写图片描述

隐式原型 __proto__

每个对象都有一个__proto__
__proto__指向创建它的函数的prototype

原型链图

原型链图

JS面试题—原型和原型链
bingkingboy的博客
08-08 8640
一、 题目如何准确判断一个变量是数组类型 写一个原型链继承的例子 描述new一个对象的过程 二、知识点 1.构造函数 function Foo(name, age){ this.name = name this.age = age this.class = 'class-1' // return this //默认有这一行
【JS原型与原型链详解】
Emnational的博客
05-07 828
原型：对象共享属性和方法的模板。原型链：实现继承的链式查找机制。最佳实践：优先使用class（ES6 语法糖，基于原型）。
js原型与原型链详解（万文总结，一文搞懂原型链!）
Yi_qian的博客
12-28 2万+
JavaScript中的原型和原型链：1，每个对象均存在隐式原型(__proto__)，函数对象才有prototype属性2，__proto__存在的意义在于为原型链查找提供方向，原型链查找靠的是__proto__，而不是prototype3，函数对象的__proto__都指向Function.prototype4，每个对象都有一个隐式原型属性(__proto__)，多个原型通过__proto__链接在一起形成的链式结构就是原型链😃。
js 原型 + 原型链篇
い南秋乱港
01-12 217
原型 定义： ​ 原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过该构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。 // Animal.prototype --原型 // Animal.prototype = {} 是祖先 Animal.prototype.Type = "mammal"; function Animal() { } var dog = new Animal(); var cat = new Animal(); //控制台输
【JavaScript】5.面试题一原型和原型链
返璞归真
09-28 1万+
一、题目 1、如何准确判断一个变量是数组类型？ var array=[]; console.log(array instanceof Array);//true 判断引用类型的具体类型要用instanceof console.log(typeof array);//Object 2、写一个原型链继承的的例子 //封装一个DOM查询实例 functio
JS原型链
weixin_45045252的博客
06-09 1万+
原型：被用于复制现有实例来生成新实例的函数 构造函数：用new来调用，就是为了创建一个自定义类实例：是类在实例化之后一个一个具体的对象原型链：每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例，结果会怎样？显然，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条
javascript原型和原型链
01-08
一、原型规则 1、所有的引用类型（数组、对象、函数）都具有对象特性，即可自由扩展属性（除了“null”） var array=[];array.a=1; var object={};object.a=1; function func(){}; func.a=1; 2、所有的引用类型...
JS原型与原型链的深入理解
10-20
JavaScript中关于原型与原型链的理解是深入学习该语言的一个重要环节。这篇文章为我们提供了深入探讨这个话题的机会，并详细解释了普通对象与函数对象之间的区别，原型的概念，原型链的工作原理，以及constructor...
浅谈JS原型对象和原型链
10-22
JavaScript中的原型对象和原型链是理解其面向对象特性的核心概念。万物皆对象，而对象又分为普通对象和函数对象。函数对象通过`new Function`创建，如`f1`、`f2`和`f3`，而普通对象则通过对象字面量或`new`表达式...
彻底搞懂JS原型与原型链
最新发布
06-03
内容概要：文章详细解析了JavaScript中原型与原型链的概念、工作原理及其实际应用。核心概念包括原型（每个对象拥有指向另一对象的[[Prototype]]属性）、构造函数（用于创建对象，new操作符调用时新对象的[...
详解JS原型与原型链
qq_49900295的博客
04-04 6680
目录 1.构造函数原型prototype 2.对象原型__proto__ 3.constructor构造函数 4.原型链 5.原型对象中的this指向 6.扩展内置对象（原型对象的应用） 在ES6之前，我们面向对象是通过构造函数实现的。我们把对象的公共属性和方法放在构造函数里 像这样： function student(uname,age) { this.uname = uname; this.age = age; this.school = functi..
JS原型及其原型链（知识点及其面试题）
weixin_43550660的博客
08-27 2330
JS原型及其原型链（知识点及其面试题） 构造函数 //构造函数名 首位大写 function Foo(name,age){ this.name = name this.age = age this.class = 'class01' //return this //默认执行这一行 } //当new 这个函数执行的时候 this 变成空对象 var f = new Foo('小明',25...
前端面试题：JS中的原型和原型链
欢迎来到我的博客
07-24 9020
JS的原型和原型链算是前端面试题的热门题目了，也是参加了几场面试，感觉好多次都被问到对原型和原型链的理解，所以今天也是索性把他给整理出来，一方面方便自己以后复习查看，另一方面也是给大家分享一下我对原型和原型链的理解。 ES6之前中并没有引入类（class）的概念，JavaScript并非通过类而是直接通过构造函数来创建实例。 什么是原型 每一个javascript对象(除null外)创建的时候，就会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。 这么说可能会有点
对于js的原型和原型链的理解
浮生离梦的博客
06-23 4万+
一、原型与原型链 JavaScript是一门基于原型的语言，在软件设计模式中，有一种模式叫做原型模式，JavaScript正是利用这种模式而被创建出来 原型模式是用于创建重复的对象，同时又能保证性能，这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。这种模式是实现了一个原型接口，该接口用于创建当前对象的克隆。原型模式的目的是用原型实例指定创建对象的种类，并且通过拷贝这些原型创建新...
深入javascript之原型和原型链
热门推荐
赫子子的博客
03-02 7万+
原型和原型链是js中的难点也是重点，明白了原型和原型链会让我们在后面不管是学习还是工作都会更加高效，并且原型和原型链会是面试中必不可少的话题。看完此篇文章一定会让你对原型，原型链有深刻全面的了解。 深入系列：深入javascript之作用域 深入系列：深入javascript之执行上下文   一，函数对象                 所有引用类型（函数，数组，对象）都拥有__prot...
JS经典面试题：JS原型、原型链
qq_44996048的博客
05-27 7215
JS是一种基于原型的语言，每一个对象都有一个原型对象，当你试图寻找某个属性时，它不仅仅在该对象上面搜索，还有搜索该对象的原型，或则是该对象原型的原型，一次向上进行搜索，直到找到一个名字匹配的属性或者到达原型链尾部，则会返回一个null，如下图所示（原型链）： 详细讲解：JS每一个函数中都有会有一个特殊的属性，叫做原型对象prototype，原型对象主要是存放一些公共属性或者方法的，其主要作用：减少每次实例化对象中重复方法的占用内存现象。 举例(ES5)： function Star(nam
如何利用html+js建立模板
jojoliny的博客
04-27 5892
每次写页面的时候导航栏都得重复粘贴，如果能用模板解决就再好不过了首先，我有个公共的导航栏---nav.html其次（重点！！！），写个公共函数---在common.js中，用于导入html模板function importHTML(strNode){ var link=document.querySelector("link[rel=import]"); var content=link.im...
JS运行过程，作用域和上下文的作用，自执行函数
jojoliny的博客
12-09 1638
JS 作用域1.全局作用域 2.函数作用域 上下文（或称为词法环境）1.全局上下文 2.函数上下文 作用：预编译过程中存储预处理数据 JS运行 JS执行过程 表达式定义的函数 立即执行函数 自执行函数
利用jsonp原理跨域模拟百度搜索
jojoliny的博客
04-29 1531
先写个简易的demo了解下jsonp的原理 接下来看看百度是如何实现搜索的 将链接打开获得以下内容： 这里和前面的原理是一样的，能获取json对象 sp0.baidu.com是百度的二级域名 https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su是百度搜索的接口 这里我们只需要传递关键词，修改下cb换成自己的getvalue...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值