当前位置:网站首页>js中的this指向与原型对象
js中的this指向与原型对象
2022-07-31 05:11:00 【杂乱无章的我】
JavaScript解析器在调用函数每次都会想函数内部传递进一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象。这个对象我们称为函数执行的上下文对象。根据函数的调用方式的不同,this会指向不同的对象。
1.以函数的形式调用时,this永远都是window。
2.以方法的形式调用时,this就是调用方法的那个对象。
原型prototype
我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype,这个属性对应一个对象,这个对象就是我们所谓的原型对象。
如果函数作为普通函数调用prototype没有任何作用,当函数以构造函数的形式调用时,它所创建的对象中都会有一个隐含的属性,指向该构造函数的原型对象,我们可以通过__proto__来访问该属性。如下图所示:
原型对象就相当于一个公共的区域,所有同一个类的实例都可以访问到这个原型对象 ,我们可以将对象中共有的内容,统一设置到原型对象中。
向MyClass的原型中添加属性a
语法:MyClass.prototype.a=123;当我们访问对象的一个属性或方法时,它会现在对象自身中寻找,如果有则直接使用,如果没有则会去原型对象中寻找,如果找到直接使用。如下图:
我们在创建构造函数是,可以将这些对象共有的属性和方法,统一添加到构造函数的原型中,这样不用分别为每一个对象添加,也不会影响到全局作用域,就可以使每个对象都具有这些属性与方法。
原型对象的原型对象...
原型对象也是对象,所以它也有原型,当我们使用一个对象的属性或方法时,会现在自身中寻找,自身中如果有,则直接使用,如果没有则去原型对象中寻找,如果原型对象中有,则使用。如果没有则去原型的原型中寻找。如下图寻找a。

object对象的原型没有原型,如果在object中仍然没有找到,则返回undefined。
边栏推荐
猜你喜欢

(Crypto必备干货)详细分析目前NFT的几大交易市场

(Crypto essential dry goods) Detailed analysis of the current NFT trading markets

leetcode-829. 连续整数求和(数论)

【云原生】SQL(及存储过程)跑得太慢怎么办?

Error: Cannot find module ‘D:\Application\nodejs\node_modules\npm\bin\npm-cli.js‘

MySQL高级语句(一)

MySql创建数据表

11 【组件通信】

一文速学-玩转MySQL获取时间、格式转换各类操作方法详解

08 【生命周期 组件】
随机推荐
12 【nextTick 过渡与动画】
数字取证autopsy工具用法
【uiautomation】微信好友列表获取(存储到txt中)
How MySQL - depots table?A look at will understand
[Cloud native] Ribbon is no longer used at the bottom layer of OpenFeign starting from the 2020.0.X version
uni-app进阶之模版语法与数据绑定【day7】
Build vulhub vulnerability shooting range on kali
代码块、Package,Import,封装(第六天)
阿里云中mysql数据库被攻击了,最终数据找回来了
vulhub靶场学习日记SickOs1.2
The MySQL database in Alibaba Cloud was attacked, and the data was finally recovered
【云原生】SQL(及存储过程)跑得太慢怎么办?
leetcode-每日一题565. 数组嵌套(标记图和并查集)
sqlmap注入教程 常用指令
npm WARN config global `--global`, `--local` are deprecated. Use `--location solution
07 【内置指令 自定义指令】
Memcached :安装
闭包(二)
GUCCI, LV and other luxury giant universe how to layout yuan, other brands should keep up with?
Common JVM interview questions and answers