js this指向

最新推荐文章于 2022-06-22 10:14:52 发布

xinxin_zhu

最新推荐文章于 2022-06-22 10:14:52 发布

阅读量173

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/xinxin_zhu/article/details/105069471

版权

this调用方法

1.作为普通函数调用

2.用apply call bind

3.作为对象方法被调用

5.在class方法中调用

6.箭头函数

<html>

<head>
    <title>this作用域</title>
    <meta charset="utf-8">
    <style>

    </style>
</head>

<body>
    this调用方法<br>
    1.作为普通函数调用<br>
    2.用apply call bind<br>
    3.作为对象方法被调用<br>
    5.在calss方法中调用<br>
    6.箭头函数<br>

    <p>this取值是函数执行时确定而不是定义时确定</p>

</body>

</html>
<script src="../js/jquery.min.js"></script>
<script>
    //作为普通函数调用
    let b = 22
    function fn1() {
        let a = 11;
        console.log(this) //window
    }
    fn1();

    //call apply bind 可以改变this指向
    fn1.call({ x: 10 }) //x:10
    fn1.apply({ x: 20 }) //x:20
    const fn2 = fn1.bind({ y: 300 })
    fn2(); //y:300

    //作为对象
    const zhangsan = {
        name: "张三",
        sayHi() {

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

xinxin_zhu

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js this指向

this调用方法1.作为普通函数调用2.用apply call bind3.作为对象方法被调用5.在class方法中调用6.箭头函数<html><head> <title>this作用域</title> <meta charset="utf-8"> <style> ...
复制链接

扫一扫