zoukankan      html  css  js  c++  java
  • 通过实例理解javascript 的call()与apply()

    先前使用javascript多是为了表单验证,最多是实现客户端的交互功能。基本不用call、apply之类的难懂方法。
    现在流行富客户端了。javascript也越来越对象化了。不得不学习一下!

    一、方法的定义
    call方法:
    语法:call([thisObj[,arg1[, arg2[,   [,.argN]]]]])
    定义:调用一个对象的一个方法,以另一个对象替换当前对象。
    说明:
    call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。
    如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

    apply方法:
    语法:apply([thisObj[,argArray]])
    定义:应用某一对象的一个方法,用另一个对象替换当前对象。
    说明:
    如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
    如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

        <html>  
        <head>  
        <script language="javascript">  
        /**定义一个animal类*/  
        function Animal(){  
            this.name = "Animal";  
            this.showName = function(){  
                alert(this.name);  
            }  
        }  
        /**定义一个Cat类*/  
        function Cat(){  
            this.name = "Cat";  
        }  
          
        /**创建两个类对象*/  
        var animal = new Animal();  
        var cat = new Cat();  
          
        //通过call或apply方法,将原本属于Animal对象的showName()方法交给当前对象cat来使用了。  
        //输入结果为"Cat"  
        animal.showName.call(cat,",");  
        //animal.showName.apply(cat,[]);  
           
          
        </script>  
        </head>  
        <body></body>  
        </html>  
    
  • 相关阅读:
    vuex中store分文件时候index.js进行文件整合
    vuex使用 实现点击按钮进行加减
    页面跳转时候拼接在url后面的多个 参数获取
    vue知识点2018.6.3
    vue项目中,main.js,App.vue,index.html如何调用
    locatin
    Json
    Python3基础 list 访问列表中的列表的元素
    Python3基础 list 索引查看元素
    Python3基础 list 查看filter()返回的对象
  • 原文地址:https://www.cnblogs.com/canphp/p/2165310.html
Copyright © 2011-2022 走看看