当前位置:网站首页>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。
边栏推荐
- 初识正则表达式
- C language tutorial (1) - preparation
- File operations in C language (1)
- 04 【计算属性 侦听属性】
- mac10.14中安装mysqldb
- 【ubuntu20.04安装MySQL以及MySQL-workbench可视化工具】
- [Cloud native] Ribbon is no longer used at the bottom layer of OpenFeign starting from the 2020.0.X version
- Using IIS10 to build an asp website in win11
- Linux中mysql密码修改方法(亲测可用)
- Linux modify MySQL database password
猜你喜欢
uni-app进阶之模版语法与数据绑定【day7】

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

leetcode-每日一题731. 我的日程安排表 II

16 【打包上线 图片懒加载】

On the side of Ali, tell me what are the application scenarios of message middleware you know?

数据库 | SQL增删改查基础语法

Build DVWA with phpstudy

Kubernetes certificate validity period modification

元宇宙的前景及四大赛道
随机推荐
05 【绑定样式 条件渲染 列表渲染】
The feign call fails, JSON parse error Illegal character ((CTRL-CHAR, code 31)) only regular white space (r
leetcode-829. 连续整数求和(数论)
13 【代理配置 插槽】
为什么redis是单线程还那么快?
leetcode-每日一题731. 我的日程安排表 II
MySQL-如何分库分表?一看就懂
NFT与数字藏品到底有何区别?
闭包(三)----执行环境
局部变量成员变量、引用类型、this,static(第五天)
【uiautomation】微信好友列表获取(存储到txt中)
What is an EVM Compatible Chain?
MySQL高级学习笔记
MySQL分页查询的5种方法
闭包(二)
Xiaobai learns reptiles - introduction to reptiles
Volatility取证工具使用日记
MySql to create data tables
[uiautomation] Get WeChat friend list (stored in txt)
[Elastic-Job] Overview of Distributed Scheduling Tasks