js 原型链_练习

最新推荐文章于 2022-11-15 17:20:37 发布
最新推荐文章于 2022-11-15 17:20:37 发布
阅读量223 收藏
点赞数
分类专栏： 练习 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhchl567/article/details/107171187
版权 
function Grand() {
	this.money = 20000;
}
Grand.prototype.last = 'zh';
var grand = new Grand();

function Father() {
	this.height = '2m';
}
Father.prototype = grand;
var father = new Father();

function Me() {
	this.jineng = 'IT';
}
Me.prototype = father;
var me = new Me();

console.log(grand);
// Grand {		// = grand
// 	money : 20000,
// 	__proto__ : {	// = Grand.prototype
// 		last : 'zh',
// 		constructor : Grand,
// 		__proto__ : {...}
// 	}
// }
console.log(father);
// Grand {		// = father
// 	height : '2m',
// 	__proto__ : Grand {		// = grand (Father.prototype)
// 		money : 20000,
// 		// (无constructor)
// 		__proto__ : {	// = Grand.prototype
// 			last : 'zh',
// 			constructor : Grand,
// 			__proto__ : {...}
// 		}
// 	}
// }
console.log(me);
// Me {		// = me
// 	jineng : 'IT',
// 	__proto__ : Grand {	// = father (Son.prototype)
// 		height : '2m',
// 		// (无constructor)
// 		__proto__ : Grand {		// = grand (Father.prototype)
// 			money : 20000,
// 			// (无constructor)
// 			__proto__ : {	// = Grand.prototype
// 				last : 'zh',
// 				constructor : Grand,
// 				__proto__ : {...}
// 			}
// 		}
// 	}
// }

var a = {};		// 相同结果： var a = new Object();
console.log(a);
// {
// 	__proto__ : {...}	// = Object.prototype	// 里面再无 __proto__ 属性，即原型链最末端
// }
cunlim
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS原型链 详解及示例代码
11-23
JavaScript中的原型链是JavaScript实现继承的核心机制，它是由对象之间的原型关系构成的一种链式结构。在JavaScript中，每个函数都有一个`prototype`属性，这个属性指向一个对象，这个对象被称为原型对象。当我们...
JavaScript的原型链知识点及练习题
qq_43477721的博客
05-01 411
1.创建对象的方法 第一种方式：字面量 var o1 = {name: 'o1'}; var o2 = new Object({name: 'o2'}); 第二种方式：构造函数 var M = function (name) { this.name = name; }; var o3 = new M('o3'); 第三种方式：Object.create var p = ...
JS的原型链练习
m0_59345890的博客
05-12 170
案例一： <script> function Kedou() { this.life = 1 this.tail = 1 } var k1 = new Kedou()//{__proto__:{},life = 1,tail = 1} k1.age = 10 function Qingwa() { this.tui = 4 this.yanjing = 2 } Qingwa.prototype
原型练习案例
看见小狮子没
05-18 248
function Parent() { this.a = 1; this.b = [1, 2, this.a]; this.c = { demo: 5 }; this.show = function() { console.log(this.a, this.b, this.c.demo); ...
原型和原型链及其练习题
qq_48973607的博客
11-15 1207
原型及原型链的练习题带你玩转原型链
理解JavaScript原型、原型链 6题，面试官对你惺惺相惜、情不自禁！
编程界明世隐的博客
12-29 6011
说明： 在JavaScript中，对象都有__proto__属性（隐式原型），指向构造该对象的构造函数的原型。 而函数Function比较特殊，它除了和其他对象一样有__proto__属性，还有自己特有的属性----prototype称之为原型对象，原型对象有一个constructor属性，该属性指回该函数。 经典图: 接下来是我整理的几个题 题目1： function F() { this.a = 1; } var obj = new F(); console.log(o...
原生JS原型对象练习
11-28
标签中提到的“文字反转”，可能是指一个常见的原型链练习——反转字符串。在JavaScript中，我们可以利用原型链扩展String对象，添加一个自定义的方法，如`reverseString()`，用来实现字符串的反转。例如： ```...
JavaScript使用原型和原型链实现对象继承的方法详解
12-12
之前对JavaScript一直都是一知半解，这两天看了一下原型链这一块知识，综合练习了一下JavaScript的对象继承方式。 以下就是原型链和原型的关系，引用网上的一张图 在Javascript中，每个函数都有一个原型属性...
JS_Practice:练习javascript
03-19
我们可以创建和操作对象，了解对象字面量、原型链、构造函数和面向对象编程的基本概念。此外，ES6引入的类和模块系统也极大地提高了代码的可维护性。 数组是另一种常用的数据结构，JavaScript提供了丰富的数组方法...
js_:练习javascript时练习的解决方案
06-02
另外，JavaScript还支持面向对象编程，包括构造函数、原型链、继承等概念。开发者可能会通过创建自定义对象和类来模拟现实世界的问题，以此加深对这些概念的理解。 在JavaScript中，异步编程也是一个重要主题。常用...
Web前端面试题目JavaScript(作用域，原型。原型链，闭包，封装函数).txt
07-06
前端面试题，包含JavaScript的闭包，作用域，原型，原型链，上下文环境以及DOM,BOM封装函数深度克隆，以及一些常见的·JS问题，试题简单但是容易混淆，作为前端工程师必考题
牛客原型链练习题(持续更新)
此博客停止维护和更新，已转移https://github.com/ilvseyinfu/blog
09-06 1290
输入 var C = function() {this.foo = 'bar'; this.baz = 'bim';}; C.prototype.bop = 'bip'; iterate(new C()); 输出 ["foo: bar", "baz: bim"] function iterate(obj) { var arr = []; f
原型和原型链的练习（重定向原型指向）
qq_35895679的博客
08-04 451
先看这道练习题 function fun(){ this.a=0; this.b=function(){ alert(this.a); } } fun.prototype={ b:function(){ this.a=20; alert(this.a); }, c:function(){ this.a=30; alert(this.a) } } var my_fun=new
Js原型链测试题
weixin_45660500的博客
11-18 778
以下是原型链测试题 测试题1，请思考打印的值为多少？ <script> function Person(){} Person.prototype.n=1 var p1=new Person() Person.prototype={ n:2, m:3 } var p2=new Person() console.log(p1.n,p1.m,p2.n,p2.m) </script> 测试题2 请思考如何
通过一个例题彻底理解原型链
吞石鱼的博客
07-29 416
今天看到了一个有意思的原型链例题，可以很好的理顺思路。 首先我们来描述一下下面这段代码的思路。构建两个对象，学生和人类。 人类拥有name, age属性，和hi(), walk()函数（通过原型）。 学生通过Student.prototype=Object.create(Person.prototype);原型继承到name和age属性，并且在学生原型下建立hi()，learn()函...
原型与原型链的常见面试题
热门推荐
海空的博客
10-27 1万+
//测试题1 var A=function(){} A.prototype.n=1 var b=new A() A.prototype={ n:2, m:3 } var c=new A() console.log(b.n,b.m,c.n,c.m)//1,undefined,2,3 //测试题2 var F=function(){}; Object.prototype
JS原型链题目
weixin_30469895的博客
08-15 353
function Foo(){ getName=function(){alert(1)}; return this; } Foo.getName=function(){alert(2)}; Foo.prototype.getName=function(){alert(3)}; var getName=functi...
JS（JavaScript）中的原型和原型链总结———例题详解（附源码）
qq_44830054的博客
07-22 459
何为原型及原型链？ 什么是原型？ 在JS中每个构造器（函数）都一个属性叫prototype，它叫原型，也是个对象，我们叫这个对象为原型对象；而每个对象中有一个属性叫__proto__，它叫隐式原型， 什么是原型链？ 是一个对象的查找机制，比如查找对象arr中的toString方法，会先在自己的私有属性中找，如果没有，就沿着__proto__去原型对象中找，如果还没有，就继续沿着__proto__去它原型对象中的原型对象中找，直到找到Object中的原型对象（Object原型对象中的__proto__指向
web前端练习22----js中的原型对象prototype,原型链（重要）
翟浩浩Android专栏
10-13 357
原型对象原理解析： 我们创建的每一个函数，解析器都会向函数中添加一个属性 prototype 这个属性对应着一个对象，就是原型对象。 如果函数作为普通函数，调用 prototype 没有任何作用 当函数以构造函数的形式调用时，它所创建的对象都会有一个隐含的属性 __proto__， 我们可以通过 __proto__ 来访问原型对象 原型对象就相当于一个公共区域，同一个构造函数的实例都能访...
js高级原型与原型链练习题
最新发布
05-30
好的，我可以为您提供一些 JS 高级原型与原型链的练习题，希望对您有所帮助。 1. 创建一个构造函数 Person，它有属性 name 和 age。创建一个对象 john，它的 name 是 "John"，age 是 30。使用 Person 的原型对象...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值