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

【说站】js原型有哪些规则

js原型有哪些规则 规则说明 1、所有的引用类型都可以自定义添加属性 2、所有的引用类型都有自己的隐式原型 3、函数都有自己的显式原型 4、所有的引用类型的隐式原型都指向对应构造函数的显示原型 5、...使用引用类型的某个自定义属性时,如果没有这个属性,会去该引用类型的__proto__(也就是对应构造函数的prototype)中去找 实例 function Car(color,owner){ this.owner...BMW"; this.height = 1400; this.lang = 4900; this.color = color; } var car = new Car('red','ls'); 以上就是js...原型的规则介绍,希望对大家有所帮助。...更多js学习指路:js教程 推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

2.1K80

JS中的原型和原型链

讲原型的时候,我们应该先要记住以下几个要点,这几个要点是理解原型的关键: 1、所有的引用类型(数组、函数、对象)可以自由扩展属性(除null以外)。...2、所有的引用类型都有一个’_ proto _'属性(也叫隐式原型,它是一个普通的对象)。 3、所有的函数都有一个’prototype’属性(这也叫显式原型,它也是一个普通的对象)。...---- 那么要点说完了,我们就根据这些要点来理解原型和原型链。 原型 我们先来看一个原型的例子。...所以当fn调用toString()时,JS发现fn中没有这个方法,于是它就去Foo.prototype中去找,发现还是没有这个方法,然后就去Object.prototype中去找,找到了,就调用Object.prototype...这就是原型链,fn能够调用Object.prototype中的方法正是因为存在原型链的机制。

2.1K21
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JS中的原型和原型链

    js在创建对象的时候,都有一个叫做proto的属性,用于指向它的函数对象的原型对象prototype。 prototype可以让所有的对象实例共享它包含的属性和方法。...原型链 每一个对象都可以有一个原型,这可原型还可以有它自己的原型,以此类推,就形成了原型链。...查找一个对象的属性或方法的时候,如果这个对象中没有这个属性或者方法,那就会在这个对象的原型对象中去找,以此类推,直到原型链结束。..._proto_ _proto_是原型链查询中实际用到的,指向构造函数的原型对象,他是对象独有的。对象._proto_ = 构造函数.prototype。 在js中,万物皆是对象,函数也是对象。...constructor 每个函数都有一个原型对象,该原型对象有一个constructor属性,指向创建对象的函数本身。 总结 1、只有函数才有prototype属性。 2、对象.

    1.8K10

    js中的原型和原型链

    ​一、原型 1、prototype和constructor 在js中每个函数(非箭头函数,一般关于原型的有关知识我们都只考虑构造函数)都会拥有一个 prototype 属性,该属性值是一个对象...我们可以通过 __proto__ 属性(隐式原型,每个对象都有该属性),访问对象的原型(上面代码有展示出来)。从而实例对象域构造函数之间有了直接的联系。 ​...那就意味着这个原型本身有一个内部指针指向另一个原型,相应地另一个原型也有一个指针指向另一个构造函数。这样就在实例和原型之间构造了一条原型链。这就是原型链的基本构想。...原型链中的查找机制:实例对象上找不到指定属性,就从该原型对象上找,如果还是找不到就到该原型对象上的原型上去找,。...第一个参数是:要设置其原型的对象;第二个参数是:该对象的新原型(一个对象或 null)。

    1.4K00

    JS原型与原型链

    值得注意的是typeof (null)会返回Object,这是因为JS二进制前三位都为0的话会被判断为Object类型,null的二进制表示是全0,自然前三位也是0,所以执行typeof时会返回Object...,它总是指向prototype,就是指向构造函数Student的原型对象prototype。...例如实例化的stu会使用__proto__向Student的prototype寻找方法或属性。若stu寻找到了调用的方法或属性,则不会使用__proto__寻找原型对象。...原型链可以简单理解为将原型连成一条链,js每一次获取对象中的属性都是一次查询过程,如果在自有属性中找不到就会去原型对象中查找,如果原型对象中还查不到,就回去原型对象的原型中查找,也就是按照原型链查找,...直到查找到原型链的顶端,也就是Object的原型。

    2K50

    js原型和原型链

    原型和原型链 一张图搞懂: 函数与 Function 的关系 函数就是 Function 的实例....即 Function 就是函数的构造函数,实例对象有一个继承的 constructor 属性, 该方法指向就是构造函数 自己定义一个函数( 任意的函数 ), 可以知道函数的 constructor 就是...Function 也是函数, 那么有什么结论? Function 就是 Function 的实例. 即 自己就是自己的实例。...Object可以使用__proto__来访问对象的原型对象,即Object可通过__proto__访问Function的Function.prototype 原型继承的整个关系( 原型链 ) 可以知道所有的对象都有原型...__proto__ === Object.prototype); // true 应用 继承 看我这篇文章:js实现继承 增删查改 function Person() { } // 增 Person.prototype.name

    2.4K10

    js对象和原型、原型链的关系

    JS的原型、原型链一直是比较难理解的内容,不少初学者甚至有一定经验的老鸟都不一定能完全说清楚,更多的"很可能"是一知半解,而这部分内容又是JS的核心内容,想要技术进阶的话肯定不能对这个概念一知半解,碰到问题靠...有时候需要在两个对象之间共享属性,由于JS在设计之初没有类的概念,所以JS使用函数的prototype来处理这部分需要被共享的属性,通过函数的prototype来模拟类:当创建一个函数时,JS会自动为函数添加...prototype属性,值是一个有constructor的对象。...写操作)、Object.create(target)(生成操作)代替构造函数是什么、它做了什么出自《你不知道的js》:在js中, 实际上并不存在所谓的'构造函数',只有对于函数的'构造调用'。...判断方式有两种,但都是根据构造函数的prototype是否在原型链上来判断的:instanceof: 用于测试构造函数的prototype属性是否出现在对象的原型链中的任何位置语法:object instanceof

    1.7K20

    jquery-1.4.2.min.js文件有什么用途?里面的代码都有什么用途?

    不管是1.4.2还是jQuery以后的版本,都是用js封装的功能库,方便开发者使用。下面是就jQuery的具体作用:bai 1 、取得页面中的元素。...CSS 虽然为影响文档呈现的方式提供了一种强大的手段,但当所有浏览器不完全支持相同的标准时,单纯使用CSS 就会显得力不从心。jQuery 可以弥补这一不足,它提供了跨浏览器的标准解决方案。...jQuery 能够影响的范围并不局限于简单的外观变化,使用少量的代码,jQuery 就能改变文档的内容。...jQuery 中内置的一批淡入、擦除之类的效果,以及制作新效果的工具包,为此提供了便利。 6 、无需刷新页面即可从服务器获取信息。...jQuery 通过消除这一过程中的浏览器特定的复 杂性,使开发人员得以专注于服务器端的功能设计。

    3.6K40

    js原型及原型链解析

    js原型、原型链 这几天闲了看了下js的原型,以下内容为个人理解,如有错误,尽请指正。...首先,明确一点:js中的对象分为普通对象和函数对象,一般我们自定义的可以被new的函数称作函数对象,另外js内置了譬如:Array、Date、Object、Function、Number、String、...__proto__属性,该属性指向其构造的原型,使用__proto__将所有对象联系起来,才形成了所谓的原型链,举个栗子: function Person() {} const p1 = new Person...__proto__ === null) // true, Object的原型是由null"产生"的,null处于原型链顶端 这个从根本上印证了道德经那句:道(null)生一,一生二,二生三,三生万物...__proto__ === p.constructor.prototype) // true 下一节的话讲下js中的继承~

    2.6K30

    JS进阶:原型与原型链

    JS进阶:原型与原型链 image.png JavaScript中除了基础数据类型外都是对象(引用类型)。...在上面的代码中,有两个实例被创建,它们有自己的名字、颜色,但它们的bark方法是一样的,而通过构造函数创建实例的时候,每创建一个实例,都需要重新创建这个方法,再把它添加到新的实例中。...该原型对象也有一个自己的原型对象( __proto__ ) ,层层向上直到一个对象的原型对象为 null。根据定义,null 没有原型,并作为这个原型链中的最后一个环节。...Objec.prototype指向的原型对象同样拥有原型,不过它的原型是null,而null则没有原型。...通过原型链就可以在JavaScript中实现继承,JavaScript中的继承相当灵活,有多种继承的实现方法,这里只介绍一种最常用的继承方法也就是组合继承。

    1.7K30

    JS面试必问-JS原型及原型链

    为什么需要原型 在js中万物皆对象,对象可以说是重中之重了。每一个对象都拥有自己的属性。但是在这个世界中有很多东西都是相似的,可以归为一类,他们有共同的方法和属性。不可能让每一个对象都定义一个属性吧。...所以,在js中怎么才能让多个对象共享一个或多个方法呢?原型的出现就是为了解决这个问题。...这个原型对象其实是储存在了内存当中。函数有一个prototype属性(只有函数才有prototype属性),这是一个指针,指向一个包含所有实例共享的属性和方法的对象,称之为原型对象。...原型对象有一个constructor属性,默认指向对应的构造函数。 什么是原型链 根据字面意思我们可以这样理解,就是将原型连成一条链。...在js中,对象都有__proto__属性,一般这个是被称为隐式的原型,该隐式原型指向构造该对象的构造函数的原型。

    1.9K20

    js原型入门

    前言 本文主要是根据《head first javascript程序设计》摘抄学习而成,学习采用这本书主要是一位阿里大佬的建议,经过近期的学习阅读,发现确实比其他的js书籍能更好的理解和使用js的相关知识...之所以出现这样的问题,是因为我们没有充分利用好js的对象模型,其是基于原型的概念的。 原型是什么 js可以从其他对象那里继承属性和行为,更具体的说js使用原型继承。其中其行为继承的对象称为原型对象。...这个是指,会继承原型对象的属性(包括属性方法),同时在新对象中添加属性。 那么如果我们要定义一个小狗的原型,其对象图是什么样的呢?...重写原型 那如果有些时候,我们需要重写bark方法,而不用原型中的方法呢?...this是指向原型对象的,同样我们也很好理解在没有原型的时候,this调用指向的是对象本身,但是你在调用原型原型的方法时你可能认为this指向的是原型对象,其实并非如此。

    1.7K11

    JS 原型链

    JS 原型链 1. 原型和原型链的基础结论 1.1 函数与对象的关系 函数是对象,对象都是通过函数创建的。 函数与对象并不是简单的包含与被包含的关系。...1.3 原型和原型链 原型:一个函数可以看成一个类,原型是所有类都有的一个属性,原型的作用就是给这个类的一个对象都添加一个统一的方法。...基于原型链的继承 JavaScript 对象有一个指向一个原型对象的链。...当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。...[[Prototype]] 有属性 b 和 c // (其实就是 o.__proto__ 或者 o.constructor.prototype) // o.[[Prototype]].

    2.6K30

    js原型链

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

    2.4K20

    彻底理解js的原型

    什么是原型?原型(prototype)是函数创建的时候默认自带的。只要创建函数,他就默认存在。要理解原型,还要知道,我们所有对象最终都是都是继承自Object的。...通过构造函数创建的对象也有一个原型(__proto__),即构造函数的原型(这里指Person.prototype)指针。简单的说就是person1只有__proto__,没有prototype。...通过new 创建的对象和构造函数是没有关系的,跟构造函数的原型有关系,即person1....理解原型链:首先,我们要知道原型链有什么作用,它的作用就是共享属性和方法。当一个对象访问属性或方法时,首先会在自身上寻找,找不到就会往对象原型上寻找,层层往上寻找的过程就是我们所说的原型链。...如图name是构造函数Person的定义的属性,age是对person1定义的,sex则是构造函数原型定义的。

    14410

    说说JS中的原型对象和原型链

    理解原型对象(有些文章简称为原型)和原型链,是理解JS的重要一环。下面是笔者对JS中原型的理解, 函数对象 俗话说,JS中万物皆对象。函数也是一个对象,只不过函数是在特定环境中执行代码的对象。...JS中声明函数的方式有: function fn1(){} var fn2 = function(){} var fn3 = new Function() 所以可以理解为fn1、fn2、fn3都是函数对象...JS中还包括一些系统内置的函数对象,比如: Function Object Array String Number RegExp 函数对象之外的对象都是普通对象。...我们通过上一节知道了Person与其原型对象的关系,但实例与构造函数的原型对象有什么关系呢?...Function比较特殊,有兴趣的可以去研究下Function与Object的关系。 本文是笔者对原型对象和原型链的理解,如有错误或不足的地方,欢迎指正。

    27210

    ThreadLocal 有什么用

    这些变量是每个线程持有的,因此每个线程只能看到和修改自己的副本,而不会影响其他线程的副本。 ThreadLocal的主要用途是解决多线程环境下的数据共享问题。...ThreadLocal的出现解决了这些问题。通过使用ThreadLocal,可以将需要共享的数据存储在每个线程的本地变量中,每个线程只能看到和修改自己的副本,而不会影响其他线程的副本。...这样就可以避免多个线程同时修改同一份数据,避免了竞争条件和数据不一致性的问题。同时,由于每个线程都有自己的数据副本,不需要进行频繁的同步操作,提高了程序的性能。...每个线程只能看到和修改自己的副本,因此它们的输出是不同的。 ThreadLocal的使用需要注意以下几点: 1.不要在ThreadLocal中使用final修饰符。...这是因为ThreadLocal的set和get方法都是针对当前线程的,而子类和父类使用的是不同的线程,因此无法共享ThreadLocal的值。 5.ThreadLocal的清理。

    1.3K10

    AR有什么用?

    在外表上看不出区别的ip有什么意义?) 发布会上演示了个AR游戏: 然后,我看到有人表示,『为什么打个类似王者农药的游戏还要绕着桌子走来走去』?...那样的言论,放在十几年前等价于 『为什么要坐在电视机前跟带手铐一样用手柄玩游戏?』 『电脑有什么用?玩空当接龙?』 『为什么要上网买东西,明明走两步就到商城了,还能自己亲自试一试货对不对口。』...『AR有什么用?』这个问题在现在,等价于十几年前『电脑有什么用?』 那答案到底是有什么用呢? 回想一下,几十年前的电脑有什么用?拨号上网,贵的要死,用卡车拉存储器。...,取决于以后是否有个象征性的产品产生。...是不是很有童年的感觉? 由于电子信息时代的科技,我们的游戏从户外移到室内,而AR有机会让我们重新回到户外,这就是颠覆性的革命。

    4.8K100
    领券