js的有参构造的使用与call与apply方法

最新推荐文章于 2024-07-19 12:58:53 发布

2333!!!!!

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量97

点赞数

文章标签： javascript 原型模式开发语言

本文链接：https://blog.csdn.net/weixin_46564011/article/details/122311987

版权

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript">
        /*call与apply方法:他们使用的场景是有一个对象中有你想要使用的函数(方法),但你不想在去另一个对象写他那就用call或apply;
        下面的讲解在下面
        (他两不同的地方在哪呢?其实他们的不同在于使用参数方法的不同call是这样call(io,参数1,参数2);
        apply他必须把参数弄成一个数组然后传进去是这样apply(io,[参数1,参数2]);)
        */
        /*先说下有参构造的使用*/
        Person.prototype.name;/*这里js不用在类模板(原型)中定义这个变量名;
        使用有参构造后:this.name = name; 会在原型中自动创建这个this.(指向这个Person对象)后的变量名*/
        Person.prototype.goods;/*因为java我觉的这个样写起来比较舒服*/
        function Person(name, goods) {
            this.name = name;
            this.goods = goods;
        }
        Person.prototype.fun = function () {
            console.log("这个是(物):" + this.goods + ",他的名字是:" + this.name);
        }
        var i = new Person("支", "人");
        i.fun();
        /*来定义第二个对象 ,这次不定义这个fun方法*/
        Car.prototype.name;
        Car.prototype.goods;
        function Car(name, goods) {
            this.name = name;
            this.goods = goods;
        }
        var io = new Car("保时捷911", "车");
        /*我想要在控制台输出这个console.log("这个是(物):" + this.goods + ",他的名字是:" + this.name);*/
        /*但我不在这个对象原型(类模板中)定义这个方法这个时候调用就要用到call或apply
        使用别的对象的方法
        */
        i.fun.call(io);
        /*好了我io对象没这个fun的方法但我还是成功调用了!*/
        /*apply的作用也是这个*/
        i.fun.apply(io);
        /*他两不同的地方在哪呢?其实他们的不同在于使用参数方法的不同call是这样call(io,参数1,参数2);
        apply他必须把参数弄成一个数组然后传进去是这样apply(io,[参数1,参数2]);
        再给Person的原型中定义一个方法这次带上参数
        */
        Person.prototype.usetools = function (YoN, want) {
            console.log("会使用工具吗?答:" + YoN + ";那想吗:" + want);/*别带this哦!这是使用参数*/
        }
        /*我们重新创建两个对象*/
        var p = new Person("支", "人");
        var c = new Car("保时捷911", "车");
        p.fun();
        p.usetools("会", "想");
        console.log("------------------------------------------------------------------");
        p.fun.call(c);
        p.usetools.call(c, "不会", "不想");
        p.usetools.apply(c, ["不会", "不想"]);
        /*总结
            call与apply是把这个方法使用的对象this指向了参数中的对象,
            call后这个方法使用的所有this.变量都来自于call的参数对象
        */
    </script>
</body>

</html>

2333!!!!!

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js的有参构造的使用与call与apply方法

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
复制链接

扫一扫