JS经典面试题：JS原型、原型链

JS是一种基于原型的语言，每一个对象都有一个原型对象，当你试图寻找某个属性时，它不仅仅在该对象上面搜索，还有搜索该对象的原型，或则是该对象原型的原型，一次向上进行搜索，直到找到一个名字匹配的属性或者到达原型链尾部，则会返回一个null，如下图所示（原型链）：

详细讲解：JS每一个函数中都有会有一个特殊的属性，叫做原型对象prototype，原型对象主要是存放一些公共属性或者方法的，其主要作用：减少每次实例化对象中重复方法的占用内存现象。

举例(ES5)：

 function Star(name, age) {this.name = namethis.age = agethis.action=function(){console.log("出拳！")}}var s1=new Star('zs',18)var s2=new Star('ls',15)

问题：两个不相同的实例对象指向两个相同的方法，这样会造成内存的浪费

这是就需要将公共的方法挂载到原型对象中，js会根据访问属性机制找到对应的方法或者属性。

        function Star(name, age) {this.name = namethis.age = age}Star.prototype.action = function() {console.log("我喜欢唱歌！！");}var s1 = new Star('zs', 18)var s2 = new Star('ls', 15)s1.action()s2.action()

通过new Star()实例出来的对象中有一个__proto__原型，这个原型指向的就是Star的prototype原型对象，所有通过s1，s2就找到公共action方法

可以看出，原型对象中有一个constructor的属性，这个属性指向该函数本身如下图：

原型链（js查找属性机制）：

首先查找对象自身有没有该属性
如果没有查找原型__proto__（__proto__指向prototype原型对象）
还没有找到，就去查找原型对象的原型（Object的原型对象）
一直找到Object为止，Object原型对象的原型会指向null

JS经典面试题：JS原型、原型链相关推荐

JS基础面试题一（原型）
原型原型 JavaScript规定,每一个函数都有一个prototype对象属性,指向另一个对象构造函数通过new创建出来的实例对象,有个_ proto _ 属性指向它的原型 prototype可 ...
js经典面试题50道
js的面试题 1. javascript的typeof返回哪些数据类型. 答案:string, boolean, number, undefined, function, object ,es6新增s ...
JS经典面试题04-原型链Foo.getName
1.1-答案揭晓 1.2-原理解析 <!DOCTYPE html> <html lang="en"><head><meta charset ...
js经典面试题及答案汇总（持续更新）
1.js基本数据类型 Undefined .Null.Boolean.Number.String.Symbol(es6新增).Bigint(谷歌67版本新增) 2.js引用数据类型 Object(对象 ...
JS经典面试题05-变量连续声明var a = b = 1
函数里面声明的变量是局部变量,在函数外无法被访问. 怎么会有人出这么简单的面试题呢? 1.1-答案揭晓 1.2-原理解析 /*本题考点 a. 变量作用域 : 函数里面声明的变量是局部变量,无法在全局访 ...
JS经典面试题03-引用类型连续赋值a.x = a = { n: 2 }
1.1-答案揭晓 <!DOCTYPE html> <html lang="en"><head><meta charset="UT ...
2019 某某最新《 Javascript之Node.JS经典教程 Node.js从理论到实战》
适用人群前端开发,前端工作,前端学习课程概述智能社:Javascript之Node.JS-经典教程:从理论到实战! 基础部分(第1-6节) 模块化(第7-8节) 框架应用(第9-24 ...
JS难点剖析-原型原型链
2019独角兽企业重金招聘Python工程师标准>>> js的原型&原型链&闭包,在很多人看来是区分JS程序员水平的关键知识点,当然对这句话我不是十分赞同.但是掌握这 ...
js原型和原型链_初识JS原型/原型链/原型继承
本文思路: 原型->原型链->原型继承->基于原型的继承/ES6中的继承->__proto__与prototype 首先我们知道JS中有对象,比如: var 但是在我们没有对这 ...

JS经典面试题：JS原型、原型链

JS经典面试题：JS原型、原型链相关推荐

最新文章

热门文章