JS-面向对象-This的指向---简单的函数调用 / 作为对象的方法调用时 / 作为构造函数调用时

简单的函数调用


<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head><body><script>// 1. 普通的函数调用时function max () {this.x = 1;// this 指的是 global 对象，由于 global 对象是作为 window 对象的一部分实现的，因此 this 认为是 window 对象console.log(this)}max();</script>
</body></html>

作为对象的方法调用时


<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head><body><script>// 2. 作为对象的方法调用时var obj = {fullName: '张康',sayName: function() {// this 指的是 obj 对象console.log(this)return this.fullName;}};// 函数中的 this 指向的是函数的直接所有者。换句话来说，函数直接属于谁，函数中的 this 就指向谁。window.obj.sayName();</script>
</body></html>

作为构造函数调用时


<!DOCTYPE html>
<html lang="zh"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head><body><script>// 3. 作为构造函数调用时function Dog(dogName, dogAge) {// this 指的是新创建的实例，接下来会被自动返回到函数外部console.log(this)this.name = dogName;this.age = dogAge;}// 调用构造函数var dog1 = new Dog('哈士奇', 3);var dog2 = new Dog('泰迪', 2);console.log(dog1, dog2)</script>
</body></html>

JS-面向对象-This的指向---简单的函数调用 / 作为对象的方法调用时 / 作为构造函数调用时相关推荐

[js] 请写一个性能最好的深度克隆对象的方法
[js] 请写一个性能最好的深度克隆对象的方法 const deepClone = (obj) => {const copy = obj instance Array ? [] : {};for ...
php js多语言切换,php简单实现多语言切换的方法_php技巧
本文实例讲述了php简单实现多语言切换的方法.分享给大家供大家参考,具体如下: 1.主程序代码: $value){ if($_SESSION["language"] == $val ...
【javascript】函数调用的对象和方法
探讨一个js基础理论的话题,也许在技巧应用上对你没有太大的帮助,但也许会给你带来一些启发. 如果你真正理解Javascript函数是如何调用工作的,那么就可以避免一些bug的发生: 首先让我们创建一个 ...
父类引用指向子类对象的方法调用问题
阅读如下代码,结果是什么? public class Person {String name = "person";public void shout(){System.out.p ...
理解js中的this指向以及call，apply，bind方法
<script> function a(){var user = "追梦子";console.log(this.user); //undefinedconsole.lo ...
js添加多个子节点_js添加和删除节点，方法调用是通过子节点中的节点来添加的呢。...
html> new document 学号姓名操作 xh001 王小明删除 xh002 刘小芳删除 var table = document.getElementById("t ...
Python面向对象编程中的创建类及其实例化对象等方法.....【超级详细】
#JS：this的指向及函数调用对this的影响
call.apply.bind和this真是ES5众多坑中的一个,希望本篇文章能让你记住它们! this的指向此前在摸清JS中this的指向问题 ,这篇文章中我就尝试总结过this的指向,也顺带提及 ...
JS 面向对象编程、原型链、原型继承（个人学习总结）
一.面向对象 1. 面向对象是所有语言都有的一种编程思想,组织代码的一种形式基于对象的语言:JS语言面向对象的语言:c++ java c# 2. 面向对象 3大特征封装:将重用代码封装到函数 ...

JS-面向对象-This的指向---简单的函数调用 / 作为对象的方法调用时 / 作为构造函数调用时

简单的函数调用

作为对象的方法调用时

作为构造函数调用时

JS-面向对象-This的指向---简单的函数调用 / 作为对象的方法调用时 / 作为构造函数调用时相关推荐

最新文章

热门文章