原型和原型链的含义分别是什么,有何不同
Admin 2022-07-02 群英技术资讯 568 次浏览
原型是function
对象下的属性,它定义了构造函数的共同祖先,也就是一个父子级的关系,子对象会继承父对象的方法和属性
prototype
是函数下的属性,对象想要查看原型使用隐式属性__Proto__
constructor
指向构造函数通过给原型添加属性,可以让所有的实例化对象共享属性和方法
Car.prototype = { height : 1400, lang : 4900, carName : 'BMW' } function Car() { } var car = new Car();
每个实例对象下都有__proto__
属性,通过属性__proto__
指向构造函数的原型对象,当到达末端时,返回null,这样一层一层向顶端查找,就形成了原型链
prototype
是函数特有的, __proto__
是对象有的,js
中万物皆对象
prototype
和——proto——
区别与作用
prototype
把共有属性预先定义好,给之后对象使用prototype
的存在实现了继承,节省内存空间__proto__
是对象的,prototype
是函数的,因为函数也是对象,所以函数也有__proto__
;__proto__
的作用是就是当访问一个对象的属性时,如果该对象内部不存在这个属性,那么就会沿着它的**__proto__**
属性所指向的那个对象(父对象)里找,也就是原型链prototype
的作用是就是让该函数所实例化的对象们都可以找到公用的属性和方法__proto__对象原型的意义就在于为对象的查找机制提供一个方向,或者说一条路线,但是它是一个非标准属性,因此实际开发中,不可以使用这个属性,它只是内部指向原型对象 prototype
constructor
属性存在于__proto__
和prototype
,它指向构造函数本身
一般情况下,对象的方法都在构造函数的原型对象中设置。如果有多个对象的方法,我们可以给原型对象采取对象形式赋值,但是这样就会覆盖构造函数原型对象原来的内容,这样修改后的原型对象 constructor 就不再指向当前构造函数了。此时,我们可以在修改后的原型对象中,添加一个 constructor 指向原来的构造函数。
问题 :修改了函数的原型对象,constructor的指向是谁
function Star(uname, age) { this.uname = uname; this.age = age; } // 很多情况下,我们需要手动的利用constructor 这个属性指回 原来的构造函数 Star.prototype = { // 如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,则必须手动的利用constructor指回原来的构造函数 constructor: Star, // 手动设置指回原来的构造函数 sing: function() { console.log('我会唱歌'); }, movie: function() { console.log('我会演电影'); } } var zxy = new Star('张学友', 19); console.log(zxy)
在修改函数原型时,因为Star.prototype
就是一个对象,所以constructor
指向构造这个对象的原型,也就是object
通过call``apply
可以改变this
的指向,借用别人的函数完成自己的功能
区别:call
传多个参数 apply
传一个参数数组
function Person(name,age,sex) { this.name = name; this.age = age; this.sex = sex; } function Student(name,age,sex,tel,grade) { //var this = {name: "lin", age: "19", sex: "male", tel: 123, grade: 78} Person.call(this,name,age,sex);//通过call改变this的指向这个函数 //Person.apply(this,[name,age,sex]) this.tel = tel; this.grade = grade; } var student = new Student('lin','19','male',123,78);
this
,继承函数原型this
指向构造函数的对象实例,执行构造函数内容为新对象添加属性和方法this
var obj = {}//创建空对象 obj.__proto__ = Person.prototype;//继承作用域 Person.call(obj,)//改变this指向 //这三步是隐式的 var person = new Person();//new操作
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
代码分片是webpck打包工具所特有的一项技术,通过这项功能可以把代码按照特定的形式进行拆分,使用户不必一次全部加载,而是按需加载。本文就来详细介绍,感兴趣的可以了解一下
本文主要介绍了Vue项目中在echarts tooltip添加点击事件的案例详解,代码具有一定的价值,感兴趣的小伙伴可以来学习一下
这篇文章给大家分享的是有关使用JS制作音乐导航的效果内容,实现效果如下,小编觉得比较有缺,对大家学习JavaScript有一定的帮助,因此分享给大家做个参考,感兴趣的朋友接下来一起跟随小编看看吧。
JS中的History历史对象的用法是什么?JavaScript编程中的History历史对象是一定要学习的基本内容,想要了解详细知识点,可以跟随小编来了解下。
加载页面的时候,图片一直都是流量大头,针对图片的性能方法也挺多的比如base64、雪碧图等;懒加载也是其中一种,这篇文章主要给大家介绍了关于利用原生JS实现懒加载lazyLoad的三种方法,需要的朋友可以参考下
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008