js之原型-原型链

JavaScript中的原型用于创建对象共享的属性和方法,每个函数都有prototype属性,实例通过__proto__指向原型。原型主要用来节省内存,通过原型链实现属性查找。当查找对象属性时,会沿着原型链向上搜索,直至找到null为止。示例中展示了如何在构造函数的原型上定义方法并使用。
摘要由CSDN通过智能技术生成

js之原型-原型链

什么是原型,它的作用是什么

什么是原型,他都作用是什么

  • 每个函数都有prototype(原型)属性,这个属性是一个指针,指向一个对象,这个对象的用途是包含特定类型的所有实例共享的属性和方法,即这个原型对象是用来给实例共享属性和方法的。
    而每个实例内部都有一个指向原型对象的指针
  • 给我们构造函数实例化出来的对象设置公共的属性或者⽅法使⽤的

什么情况下使用原型

  • ⽅法写在原型上,需要配置的属性是写在构造函数上
  • 例如写个简单插件(步骤如下)
    写⼀个⽴即执⾏函数
    将构造函数写在⽴即执⾏函数⾥
    将公共⽅法写在原型上
    将构造函数挂载到window上
;( function() {
 var Computer = function( opt) {}
 Computer. prototype = {
 plus: function( num1, num2) {
 return num1 + num2
 }
 }
 window. Computer = Computer
})()
var com = new Computer()
var sum = com. plus( 21, 23)
console. log( sum)

实例化对象能不能对原型上的属性进⾏改动

  • 只有构造函数才能对原型上的属性进⾏改动
  • 原型说实质的话就是构造函数的属性

什么是原型链

  • js⾥万物皆对象,所以⼀直访问 __proto__属性就会产⽣⼀条链
  • 链条的尽头是null
  • 当js引擎查找对象的属性时,会先判断对象本身是否存在该属性
  • 不存在的属性就会沿着原型链⽹上找
    原型链
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值