JavaScript笔记-方法

最新推荐文章于 2021-07-05 00:05:55 发布

马路野狼

最新推荐文章于 2021-07-05 00:05:55 发布

阅读量138

点赞数

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

本文链接：https://blog.csdn.net/qq_40677317/article/details/105506947

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

JavaScript笔记-方法

https://www.liaoxuefeng.com/wiki/1022910821149312基于廖雪峰老师的教程所做的笔记。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>方法的操作展示</title>
</head>
<body>

<script>

    /*对象内部定义的函数叫做方法*/
    var obj={
        name:"Sang",
        age:20,
        show:function(){//show就是obj的一个方法
            console.log(this.name,this.age);//用this访问这个对象的数据
        }
    }
    obj.show();//调用show()，要想show()中的this指的对，必须这么调用

    /*误区*/
    var student={
        name:"Sang",
        school:"Hainan University",
        show:function(){
            var that=this;//捕获this
            function showName() {//内嵌的方法无法用this访问对象的数据，需要在上层方法中捕获this
                console.log(that.name);
            }
            showName();
            console.log(this.school);
        }
    }
    student.show();//调用show()，要想show()中的this指的对，必须这么调用

    /*apply（绑定一个对象的调用）*/

    /*先在外部定义方法*/
    var tell=function () {
        console.log(this.name+", how are you?");
    }

    tell.apply(student,[]);//student为绑定的对象，那么tell()里面的this指定student，[]表示参数为空

    /*小技巧----用apply实现装饰器*/

    //统计代码调用了多少次parseInt，可以装饰parseInt函数
    var count=0;
    var oldParseInt=parseInt;//保留原函数
    window.parseInt=function(){//重新定义parseInt
        count+=1;
        return oldParseInt.apply(null,arguments);//调用原函数
    }
    parseInt('10');
    parseInt('20');
    parseInt('30');
    console.log('count=',count);//结果为3
</script>
</body>
</html>

马路野狼

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript笔记-方法

JavaScript笔记-方法https://www.liaoxuefeng.com/wiki/1022910821149312基于廖雪峰老师的教程所做的笔记。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>方法的操作展示&lt...
复制链接

扫一扫