原型和原型链的含义分别是什么,有何不同
Admin 2022-07-02 群英技术资讯 570 次浏览
原型是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进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
这篇文章主要为大家详细介绍了小程序实现密码输入框,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
目录vue判断安卓还是IOS最近工作上遇到这样一个需求所以我们需要进行一个判断H5端判断安卓跟ios显示不同的背景图vue判断安卓还是IOS最近工作上遇到这样一个需求vue写的页面,需要同时跟安卓和ios进行交互;若是安卓,执行代码:android.finishActivity();若是IOS,执行代码:try {
这篇文章主要介绍了vue element-ui中table合计指定列求和实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
对于轮播图的实现我们了解了很多,也知道实现方法有很多,本文给大家分享的是用swiper插件做轮播图,那么vue的swiper插件要实现轮播图的效果呢?接下来我们直接看代码
本文主要实现给项目的整个背景加上自定义水印,可以改变水印的文案和字体颜色等,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008