**关于JavaScript中this指向问题**
2021/7/22 8:07:07
本文主要是介绍**关于JavaScript中this指向问题**,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
关于JS中this指针
解析器在调用函数时每次都会向函数内部传递进隐含参数,这个隐含的参数就是this,this指向得到是一个对象,这个对象称为函数执行的上下文对象。
根据函数的调用方式的不同this会指向不同的对象
1.以函数的形式调用时 this指向全局对象window
2.以方法(obj.sayName())的形式调用时 this就是调用方法的那个对象
3.构造函数内部的this指向新创建的对象
function fun(){ console.log(this.name); } window.name = 'Lisa'; fun();// Lisa
1
2
3
4
5
由上可以看出当用函数的形式调用时,this指向的是全局对象window,window可以省略
var obj = { name:'孙悟空', sayName:function(){ console.log(this.name); } } obj.sayName();// 孙悟空
1
2
3
4
5
6
7
当以对象的方法调用时发现this指向的是调用方法的对象
function Person(name,age,gender){ // this就是per this.name = name; this.age = age; this.gender = gender; this.sayName = function(){ alert(this.name); } } var per = new Person('孙悟空',19,'男'); console.log(per); 1 2 3 4 5 6 7 8 9 10 11
从控制台输出内容可以看出this指向的构造函数新创建的对象per,即构造函数的实例
————————————————
原文链接:https://blog.csdn.net/m0_56649557/article/details/118880451
作者:开到荼蘼
这篇关于**关于JavaScript中this指向问题**的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-19JAVA分布式id教程:轻松入门与实践
- 2024-11-19Java高并发教程:入门与实践指南
- 2024-11-19JAVA高并发直播教程:新手入门指南
- 2024-11-19Java高并发直播教程:入门与实践指南
- 2024-11-19Java微服务教程:初学者快速入门指南
- 2024-11-19JAVA微服务教程:新手入门的详细指南
- 2024-11-19Java微服务教程:从零开始搭建你的第一个微服务应用
- 2024-11-19Java项目开发教程:初学者必备指南
- 2024-11-19Java项目开发教程:新手快速入门指南
- 2024-11-19Java项目开发教程:零基础入门到实战