首页
学习
活动
专区
工具
TVP
发布

JS原型原型

原型原型链 JavaScript有着七种基本类型String、Number、Boolean、Null、Undefined、Symbol、Object,前六种为基本数据类型,Object为引用类型。...值得注意的是typeof (null)会返回Object,这是因为JS二进制前三位都为0的话会被判断为Object类型,null的二进制表示是全0,自然前三位也是0,所以执行typeof时会返回Object...若stu寻找到了调用的方法或属性,则不会使用__proto__寻找原型对象。...原型链可以简单理解为将原型连成一条链,js每一次获取对象中的属性都是一次查询过程,如果在自有属性中找不到就会去原型对象中查找,如果原型对象中还查不到,就回去原型对象的原型中查找,也就是按照原型链查找,...直到查找到原型链的顶端,也就是Object的原型

1.7K50
您找到你想要的搜索结果了吗?
是的
没有找到

JS面试必问-JS原型原型

为什么需要原型js中万物皆对象,对象可以说是重中之重了。每一个对象都拥有自己的属性。但是在这个世界中有很多东西都是相似的,可以归为一类,他们有共同的方法和属性。不可能让每一个对象都定义一个属性吧。...所以,在js中怎么才能让多个对象共享一个或多个方法呢?原型的出现就是为了解决这个问题。...原型对象有一个constructor属性,默认指向对应的构造函数。 什么是原型链 根据字面意思我们可以这样理解,就是将原型连成一条链。...我们上面讲过,js每一次获取对象中的属性都是一次查询过程,如果在自有属性中找不到就会去原型对象中查找,如果原型对象中还查不到,就回去原型对象的原型中查找,也就是按照原型链查找,直到查找到原型链的顶端,也就是...在js中,对象都有__proto__属性,一般这个是被称为隐式的原型,该隐式原型指向构造该对象的构造函数的原型

1.4K20

js原型入门

前言 本文主要是根据《head first javascript程序设计》摘抄学习而成,学习采用这本书主要是一位阿里大佬的建议,经过近期的学习阅读,发现确实比其他的js书籍能更好的理解和使用js的相关知识...构造函数的效率 一般情况下,我们是使用构造函数进行一些类定义的,在构造函数中你会定义一些这个对象需要用到的属性或者方法。比如下面的Dog的代码。...之所以出现这样的问题,是因为我们没有充分利用好js的对象模型,其是基于原型的概念的。 原型是什么 js可以从其他对象那里继承属性和行为,更具体的说js使用原型继承。其中其行为继承的对象称为原型对象。...这个是指,会继承原型对象的属性(包括属性方法),同时在新对象中添加属性。 那么如果我们要定义一个小狗的原型,其对象图是什么样的呢?...这里需要注意的是:在小狗的原型中,其定义的属性和属性方法都要求是每个实例必然会用到且基本不会被更改或者重新定义的。 ? 那么它的代码实现会怎么写呢?

1.4K11

JS 原型

JS 原型链 1. 原型原型链的基础结论 1.1 函数与对象的关系 函数是对象,对象都是通过函数创建的。 函数与对象并不是简单的包含与被包含的关系。...1.4 JavaScript 里最顶层的两个概念 Function 是最顶层的构造器 Function 是JavaScript 里最顶层的构造器,它构造了系统中的所有对象,包括定义对象、系统内置对象、甚至包括它自己.../* 这么写也一样 function f() { this.a = 1; this.b = 2; } */ let o = new f(); // {a: 1, b: 2} // 在f函数的原型定义属性...f.prototype.b = 3; f.prototype.c = 4; // 不要在 f 函数的原型上直接定义 f.prototype = {b:3,c:4};这样会直接打破原型链 // o....[[Prototype]]是null // 这就是原型链的末尾,即 null, // 根据定义,null 就是没有 [[Prototype]]。

2.2K30

js原型

显示原型 1.每一个构造函数都有一个prototype属性,默认指向一个空Object对象(原型对象) function fun(){ } console.log(fun.prototype ) //{...) //true 5.构造函数与它的原型对象有一个相互引用的关系 6.原型对象上添加的方法用于实例对象上使用 隐式原型 每一个实例对象都有一个__proto__属性,称之为隐式原型 对象的隐式原型的值为其对应构造函数的显示原型的值...__proto__) Fn.prototype.test = function(){ console.log('test') } fn.test() 原型链 对象属性的查找规则 原型链本质上是从隐式原型链...test2,发现有直接调用test2 当执行fn.toString(),时,自身对象没有,接下来查找它构造函数的原型对象上是否有toString(),发现没有,接下来又继续沿着Fn原型对象的构造函数的原型对象上查找找到...toString() 当执行fn.test3()时,查找自身对象没有,它直接的构造函数对象的原型对象上也没有,接下来沿着Fn原型对象的构造函数的原型对象的构造函数的原型对象上查找,这里已经找到原型链的尽头

2.1K20

彻底弄懂JS原型原型

说到JavaScript的原型原型链,相关文章已有不少,但是大都晦涩难懂。本文将换一个角度出发,先理解原型原型链是什么,有什么作用,再去分析那些令人头疼的关系。...OK,总结一下:原型存在的意义就是组成原型链:引用类型皆对象,每个对象都有原型原型也是对象,也有它自己的原型,一层一层,组成原型链。...继承存在的意义就是属性共享:好处有二:一是代码重用,字面意思;二是可扩展,不同对象可能继承相同的属性,也可以定义只属于自己的属性。...this.name = name // 构造一个sayName方法 this.sayName = function() { console.log(this.name) }}// 使用自定义构造函数...在上面内容的基础之上,我们来模拟一下js引擎读取对象属性:function getProperty(obj, propName) { // 在对象本身查找 if (obj.hasOwnProperty

1.1K40

彻底搞懂JS原型原型

OK,总结一下:原型存在的意义就是组成原型链:引用类型皆对象,每个对象都有原型原型也是对象,也有它自己的原型,一层一层,组成原型链。...继承存在的意义就是属性共享:好处有二:一是代码重用,字面意思;二是可扩展,不同对象可能继承相同的属性,也可以定义只属于自己的属性。...this.name = name // 构造一个sayName方法 this.sayName = function() { console.log(this.name) }}// 使用自定义构造函数...参考视频讲解:进入学习五、原型链顶层原型链之所以叫原型链,而不叫原型环,说明它是有始有终的,那么原型链的顶层是什么呢?...在上面内容的基础之上,我们来模拟一下js引擎读取对象属性:function getProperty(obj, propName) { // 在对象本身查找 if (obj.hasOwnProperty

1.3K20

JS中的原型原型

这意味着我们可以把那些公用的属性和方法,直接定义在prototype对象属性上。 prototype就是调用构造函数所创建的实例对象的原型(proto)。...js在创建对象的时候,都有一个叫做proto的属性,用于指向它的函数对象的原型对象prototype。 prototype可以让所有的对象实例共享它包含的属性和方法。...原型链 每一个对象都可以有一个原型,这可原型还可以有它自己的原型,以此类推,就形成了原型链。...查找一个对象的属性或方法的时候,如果这个对象中没有这个属性或者方法,那就会在这个对象的原型对象中去找,以此类推,直到原型链结束。..._proto_ _proto_是原型链查询中实际用到的,指向构造函数的原型对象,他是对象独有的。对象._proto_ = 构造函数.prototype。 在js中,万物皆是对象,函数也是对象。

1.5K10

js中的原型原型

​一、原型 1、prototype和constructor 在js中每个函数(非箭头函数,一般关于原型的有关知识我们都只考虑构造函数)都会拥有一个 prototype 属性,该属性值是一个对象...,我们称之为原型对象。...__proto__) // true 二、原型原型链:《JavaScript高级程序设计》中的描述是:每个构造函数都有一个原型对象,如果该原型是另一个类型的实例呢?...那就意味着这个原型本身有一个内部指针指向另一个原型,相应地另一个原型也有一个指针指向另一个构造函数。这样就在实例和原型之间构造了一条原型链。这就是原型链的基本构想。...原型链中的查找机制:实例对象上找不到指定属性,就从该原型对象上找,如果还是找不到就到该原型对象上的原型上去找,。

1K00

JS 原型模式

简介 原型模式(Prototype pattern),用原型实例指向创建对象的类,使用于创建新的对象的类的共享原型的属性与方法。 2....实现 对于原型模式,我们可以利用JavaScript特有的原型继承特性去创建对象的方式,也就是创建的一个对象作为另外一个对象的prototype属性值。...在现有的文献里查看原型模式的定义,没有针对JavaScript的,你可能发现很多讲解的都是关于类的,但是现实情况是基于原型继承的JavaScript完全避免了类(class)的概念。...---- 本文是系列文章,可以相互参考印证,共同进步~ JS 抽象工厂模式 JS 工厂模式 JS 建造者模式 JS 原型模式 JS 单例模式 JS 回调模式 JS 外观模式 JS 适配器模式 JS 利用高阶函数实现函数缓存...(备忘模式) JS 状态模式 JS 桥接模式 JS 观察者模式 网上的帖子大多深浅不一,甚至有些前后矛盾,在下的文章都是学习过程中的总结,如果发现错误,欢迎留言指出~ 参考: 设计模式之原型模式 《Javascript

1.4K10

JS原型链温故

js中,对于对象的理解很重要。 js的数据类型主要分为基本类型和引用类型。基本类型包括String、Number、Boolean、undefined、null。引用类型包括Object。...1var Fn = function(){}; //定义构造函数Fn 2Fn.prototype.getStatus = function(){}; //在构造函数Fn的原型上添加getStatus...所以结合上面几个图,可以形成这样一个结论: 在JS世界中,null为开始,由null开始衍生出Object.prototype。Object.prototype的隐式原型链指向null。...从上图可以看出一个关系,那就是js中的各对象间都是通过原型链来互相连接起来的,这个原型链将所有对象链接在了一起,这就是为什么说JS是基于原型的面向对象编程语言,即使现在有es6 7有了class类,它本质上也是基于原型链形成的语法糖而已...js中实现的继承就是通过这条原型链来工作的:在访问一个对象的某个属性时,先该对象的现有属性中查找,如果没有,再沿着__proto__这种链向上找,这就是原型链。

1.2K20

理解JS 原型

为了简便,一般推荐使用使用字面量:var o= {}; #构造函数创建对象 当我们想要创建自定义的对象时,需要用到构造函数。 构造函数和普通函数有两个区别: 1....这需要我们先理解原型对象的概念。 #原型对象 我们先了解原型对象的概念。 每个对象都有原型对象(null除外),我们用__proto__表示,每个函数都有prototype属性,指向实例的原型对象。...#原型原型链简单用一句话概括就是: 原型链就是 对象的__proto__所连接的链状结构 为了方便我们理解原型链,举一个简单的例子: function F(){ this.a = 1;...没有,那看看原型上有没有 // o.__proto__ 上有d这个属性吗?没有,那看看它的原型上有没有 // o.__proto__....现在我们可以使用原型对象来解决这个问题了。

1.7K10

js原型链污染

js原型链 前两天,做了一道CTF题目,遇到了js原型链污染。 js原型,我的理解,类似于java中的静态属性。...原型链(Prototype Chain) 原型链是一种对象之间的关系,它是由对象的原型对象构成的链式结构。...详解 控制台声明一个空对象,可以看到只有一个[[Prototype]]属性,这个就是js原型,同时可以看到这个空对象的原型继承自Object对象(所有的对象都会继承Object),有常用的toString...控制台声明一个非空对象,同时创建一个原型属性。可以在[[Prototype]]中看到属性message,且其中还有一个[[Prototype]]原型又继承了另一个原型,这就是原型链。...原型链污染 通过修改或者添加其原型链上的原型对象,使其当前对象可以访问到错误或者不具备的属性。

10810
领券