现代Javascript教程 - 学习笔记04 - 对象中的this

116 阅读1分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第4天,点击查看活动详情

学习链接

zh.javascript.info/object-meth… - 对象方法,"this"

简介

this - 主要在对象中使用!可以通过this访问到里面的值!- 上下文

感觉后端接口返回的数据,很像OOP

当我们在代码中用对象表示实体时,就是所谓的 面向对象编程,简称为 “OOP”。

可参考书籍

  • 《设计模式:可复用面向对象软件的基础》
  • 《面向对象分析与设计》

this 的作用!

  • 对象中出现this,它可以找到当前的属性 值,
  • 这样在赋值对象的的时候,就不会出错 - 没有this,会调用到,当前不存在的值。

image.png

Js 中,this适用于 任何函数!

  • this的值,是在代码运行时计算的,取决于上下文
  • 动态改变!

不是对象的情况下使用this

  • 严格模式下 - this == undefined
  • 非严格模式下 - this 是全局对象 - window

箭头函数中 - 没有自己的this

  • this取决于 外部正常的函数。。
  • 所以这是箭头函数的缺点??????

image.png

链式调用

如何让一个对象的方法可以链式调用

  • 调用结束,返回this
  • Js的 Api可以链式!也是this? str.split(" ").sort().join("")

image.png


总结

this篇,完结,似乎没有想象中的难。。。this,引用类型专用!感觉很有道理的样子!今天内容不多,再写写!

所谓的光辉岁月,并不是后来闪耀的日子,而是无人问津时,你对梦想的偏执!