红宝书p224函数的prototype属性

已于 2024-11-29 23:02:30 修改
阅读量119 收藏
点赞数
分类专栏： 红宝书 文章标签： javascript
于 2021-01-05 18:36:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ike_yu/article/details/112249921
版权
本文通过两个示例详细解析了JavaScript中如何使用函数的prototype属性和实例的__proto__属性来实现继承。首先介绍了直接在构造函数内部定义属性和方法的方式，并展示了如何创建实例。其次探讨了将属性和方法附加到构造函数的prototype属性上的方法。

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

【红宝书p224函数的prototype属性】

1，属性添加到构造函数中时
1.1函数的prototype属性

<script>
        function Person(name, age, job) {
            this.name = name;
            this.age = age;
            this.job = job;
            this.sayName = function () {
                console.log(this.name);
            };
        }
        let person1 = new Person("Nicholas", 29, "Software Engineer");
        console.dir(Person);
         console.log(person1);
    </script>

在这里插入图片描述
1.2实例的__proto__属性
在这里插入图片描述

2，属性添加到prototype属性上

2.1函数的prototype属性

<script>
        let Person = function () { };
        Person.prototype.name = "Nicholas";
        Person.prototype.age = 29;
        Person.prototype.job = "Software Engineer";
        Person.prototype.sayName = function () {
            console.log(this.name);
        };
        let person1 = new Person();
        console.dir(Person);
    </script>

在这里插入图片描述
2.2实例的__proto__属性
在这里插入图片描述

JS红宝书读书笔记（一）
m0_51221102的博客
03-16 420
第1章 前言 本人已有JS基础，主要是从B站上学习的相关视频，这篇文章主要记录一些视频不涉及的细节和印象模糊的内容。 第2章 2.1 主要属性： 1.async（可）：立即下载脚本，不妨碍页面。async 2.defer（可）：完全解析后下载脚本。defer=“defer” 3.src（可）：执行外部文件。src="(url)" 4.type（可）：默认为text/javascript。一般使用该值，另一个为application/x-javascript。 嵌入式JavaScript只需指定type属性。
【JS红宝书学习笔记】第3章 语言基础var/let/const/array
C_greenbird的博客
05-12 886
语句以分号结尾。省略分号意味着由解析器确定语句在哪里结尾。
红宝书p251类构造函数
ike_yu的博客
01-09 122
【红宝书p251类构造函数】 1，类实例对象的原型被赋值为构造函数的prototype属性 <script> class Person { constructor() { console.log('person ctor'); } } let p = new Person(); // person ctor console.dir(Person)
js红宝书笔记-函数
DZY_hungry的博客
03-31 208
函数声明、函数表达式、箭头函数 函数实际上是对象，每个函数都是Function类型的实例，所以函数名就是 指向函数对象的指针，而且不一定与函数本身紧密绑定。 箭头函数 使用胖箭头（=>）语法定义函数表达式 箭头函数不能使用arguments,super,new.target,也不能用作构造函数。箭头函数也没有prototype属性。 函数名 函数名就是指向函数的指针，一个函数可以有多个名称 使用不带括号的函数名会访问函数指针，而不会执行函数 ECMAScript6的所有函数对象都会暴露一个
红宝书-第十章-函数
weixin_44069607的博客
12-04 232
红宝书-第十章-函数 函数实际上是对象，每个函数都是Function类型的实例，而Function也有属性和方法，跟其他引用类型一样。 箭头函数 箭头函数虽然语法简洁，但也有很多场合不适用。箭头函数不能使用arguments、super 和new.target，也不能用作构造函数。此外，箭头函数也没有prototype 属性。 函数名 函数名就是指向函数的指针，这意味着一个函数可以有多个名称。 使用不带括号的函数名会访问函数指针，而不会执行函数。 ECMAScript 6 的所有函数对象都会暴露一
读懂红宝书604页函数柯里化代码
loisandyu的博客
08-23 156
function curry(fn){ var args=Array.prototype.slice.call(arguments,1); return function(){ var innerArgs=Array.prototype.slice.call(arguments); var finalArgs=args.concat(innerArgs); return fn.apply(nul...
【红宝书精简笔记】第十章 函数
weixin_41950078的博客
12-15 1454
目录 10.1 箭头函数 10.2 函数名 10.3 理解参数 10.4 没有重载 10.5 默认参数值 10.6 参数扩展与收集 10.7 函数声明与函数表达式 10.8 函数作为值 10.9 函数内部 10.10 函数属性与方法 10.11 函数表达式 10.12 递归 10.13 尾调用优化 10.14 闭包 10.15 立即调用的函数表达式 10.16 私有变量 10.17 小结 10.1 箭头函数 ECMAScript 6 新增了使用胖箭头（=>）语法定
第10章-函数-红宝书笔记
hcute的博客
01-29 208
函数 函数也是对象 每个函数都是Function类型的实例，而 Function 也有属性和方法 函数名是指向函数对象的指针，而且不一定与函数本身紧密绑定 定义 函数声明的方式 function sum (num1, num2) { return num1 + num2; } 函数表达式 let sum = function(num1, num2) { return num1 + num2; }; 箭头函数 let sum = (num1, num2) => { r
《每天十分钟》-红宝书第4版-函数
lorinzhang
07-12 458
事实上，在使用 function 关键字定义（非箭头）函数时，可以在函数内部访问 arguments 对象，从中取得传进来的每个参数值。arguments 对象是一个类数组对象（但不是 Array 的实例），因此可以使用中括号语法访问其中的元素（第一个参数是 arguments[0]，第二个参数是 arguments[1]）。你可以传一个、三个，甚至一个也不传，解释器都不会报错。如果函数是使用箭头语法定义的，那么传给函数的参数将不能使用 arguments 关键字访问，而只能通过定义的命名参数访问。
红宝书第八章：对象、类和面向对象编程
qq_38211443的博客
01-19 526
属性的类型： js使用一些内部特性来描述属性的特征，但是不能直接访问。 属性分两种：数据属性 和 访问器属性 1.数据属性 数据属性包含一个保存数据值的位置。 数据属性有4个特性描述它的行为： [[Configurable]] 表示属性是否可以通过 delete 删除并重新定义，是否可以修改它的特性，以及是否可以把它改为访问器属性。 [[Enumerable]] 表示属性是否可以通过 for-in 循环返回。 [[Writeable]] 表示属性的值是否可以被修改。 [[Value]..
红宝书p244组合继承
ike_yu的博客
01-07 194
【红宝书p244组合继承】 1,父类属性放构造函数里，方法放原型里，让子类继承后，查看子类结构 function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"]; } SuperType.prototype.sayName = function() { //以后子类实例可直接共用，不用重写的属性或方法写入父类的原型里面 console.log(this.name); }; function SubTy
再读红宝书（第四版）第三章 语言基础（基于es6）
Baron的技术blog
02-20 356
任何语言的核心所描述的都是这门语言在最基本的层面上如何工作，涉及语法、操作符、数据类型以及内置功能，在此基础之上才可以构建复杂的解决方案。如前所述，ECMA-262以一个名为ECMAScript的伪语言的形式，定义了JavaScript 的所有这些方面。 语法：法很大程度上借鉴了 C 语言和其他类 C 语言，如 Java 和 Perl。熟悉这些语言的开发者，应该很容易理解 ECMAScript 宽松的语法。 标识符 所谓标识符（ 区分大小写），就是变量、函数、属性或函数参数的名称。标识符可以由一或多个下.
【JS红宝书学习笔记】第6章 集合引用类型 object / array / map / set
C_greenbird的博客
05-30 913
对象 数组与定型数组 Map、WeakMap、Set 以及 WeakSet 类型
【红宝书笔记】一点点关于引用类型
The Summer, The Winter
03-16 443
有点懵逼，，关于基本类型，引用类型，object类型...... JS中变量保存两种类型的值，一种是基本类型值，一种是引用类型值。像undefined，null，string，Number，Boolean就是基本类型值。 引用类型值是讲数据和功能组织在一起的类型，他们的值就是对象的实例。所有关于对象的字面量都是对象的指针。 引用类型主要有Object，Array，Date，Function，
《Vue Router实战教程》12.不同的历史记录模式
大强博客
04-11 441
由于我们的应用是一个单页的客户端应用，如果没有适当的服务器配置，用户在浏览器中直接访问 https://example.com/user/id，就会得到一个 404 错误。另外，如果你使用的是 Node.js 服务器，你可以通过在服务器端使用路由器来匹配传入的 URL，如果没有匹配到路由，则用 404 来响应，从而实现回退。不用担心：要解决这个问题，你需要做的就是在你的服务器上添加一个简单的回退路由。虽然不推荐，你仍可以在浏览器应用程序中使用此模式，但请注意它不会有历史记录，这意味着你无法后退或前进。
JavaScript 对象属性遍历方法详解
警警的博客
04-11 349
通过上述方法，可灵活应对对象属性遍历的不同需求，结合场景选择最合适的策略。，但不含 Symbol 属性），适合需要完整属性列表的场景。的数组（不包含原型链属性），适合需要明确操作键名的场景。（无论是否可枚举），适用于处理唯一标识符场景。的数组，适合仅需操作值的场景。），适合同时处理键和值的场景。返回对象自身所有属性名（包括。），是最全面的属性遍历方法。返回对象自身所有属性名（含。专门获取对象自身所有。
2.4、Vue2计算属性
最新发布
GQL___的博客
04-11 639
使用Vue的原有属性，经过一系列的运算/计算，最终得到了一个全新的属性，叫做计算属性。Vue的原有属性: data对象当中的属性可以叫做Vue的原有属性。全新的属性: 表示生成了一个新的属性，和data中的属性无关了，新的属性也有自己的属性名和属性值。(1) 以上比较大小的案例可以用computed完成，并且比watch还要简单。所以要遵守一个原则：computed和watch都能够完成的，优先选择computed。(2) 如果要开启异步任务，只能选择watch。因为computed依靠return。
用Cursor+ Pages MCP实现网页生成到一键部署（附实测教程）
哈怂的博客
04-11 1473
腾讯于2025年4月推出的PagesMCP，是一款基于AI的网页一键部署工具，深度整合了EdgeOne Pages服务与MCP（多模态控制协议）技术，实现了“用自然语言生成网页并自动部署到线上”的全流程自动化。 本文将介绍PagesMCP以及如何在Cursor中使用PagesMCP实现网页一键部署。
[免费]SpringBoot+Vue高考志愿填报系统【论文+源码+SQL脚本】
java1234的博客
04-09 1654
[免费]SpringBoot+Vue高考志愿填报系统【论文+源码+SQL脚本】
OpenGL红宝书配套库文件概览
《OpenGL编程指南》（OpenGL Programming Guide），由于其封面为红色，常常被亲切地称为“红宝书”（Red Book）。这本书被广泛认为是OpenGL学习者的标准教材，提供了一系列的教程和示例来帮助开发者掌握OpenGL的使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值