js 严格模式中的副作用

uliar

已于 2022-02-11 10:00:41 修改

阅读量379

点赞数

文章标签： javascript react.js 前端

于 2022-02-11 09:44:12 首次发布

本文链接：https://blog.csdn.net/m0_59093266/article/details/122873777

版权

本文探讨了JavaScript中的严格模式及其对`this`指向的影响。在严格模式下，如果没有明确的上下文，`this`将被设定为`undefined`，而非全局对象。通过示例展示了在函数和类方法中如何在严格模式下处理`this`的问题，强调了在类方法中即使不指定，`this`也会默认指向实例。

摘要由CSDN通过智能技术生成

纪录一下昨天的react学习，

js严格模式是一个能够使代码规范的好东西，但是严格模式会有副作用，就是this指向问题

示例：

function fun1() {
    'use strict'
    console.log(this) // undefined
}
fun1()

function fun2() {
    console.log(this) // window
}
fun2()

可以看到，在使用严格模式下，打印的this为undefined，这是因为，在严格模式下，如果没有明确的指出this指向，例如apply，call，bind。并且没有被以属性的方式调用，this指向就为undefined，示例如下：

class cls{
    speak() {
        'use strict' // 其实可以不写，因为class内会自动调用严格模式，写出是为了更好理解
        console.log(this)
    }
}

let cl = new cls().speak // 直接将函数赋值给cl
cl() // undefined   因为这是this的指向本应该是window，但是严格模式却是undefined


let c2 = new cls() // 正常创建实例
c2.speak() // 以示例方式调用函数时，this打印出的为 c2这个实例对象

c2.speak()便是以属性的方式调用

以上就是本次学习严格模式的副作用