Chinaunix首页 | 论坛 | 博客

纸上得来终觉浅

首页　| 　博文目录　| 　关于我

水中残月

  • 博客访问： 153716
  • 博文数量： 42
  • 博客积分： 0
  • 博客等级： 民兵
  • 技术积分： 399
  • 用 户 组： 普通用户
  • 注册时间： 2015-09-23 11:47
个人简介

程序猿啊程序猿

文章分类

全部博文（42）

文章存档

2016年（28）

2015年（14）

我的朋友
最近访客
推荐博文
JS之call和apply用法二三例

分类： JavaScript

2016-06-24 11:58:49


点击(此处)折叠或打开

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>call和apply</title>
  6. </head>
  7. <body>
  8.     <script>
  9.    //apply用法：劫持另一个对象的方法，继承另一个对象的属性 (object,[arguments])
  10.    //call用法: 劫持另一个对象的方法，继承另一个对象的属性(object,argument1,argument2,....) 二者的差别是参数传递的方式不同
  11.    function Person(user,age){
  12.       this.user=user;
  13.       this.age=age;
  14.    }

  16.    function Student(user,age,job){
  17.         Person.apply(this,arguments) //this继承了Person中的属性和方法，this代表了Student PS:注意参数的继承
  18.        this.job=job;
  19.    }
  20.    // var student=new Student('zhao','25','web');
  21.    // alert("name:"+student.user+" age:"+student.age+" job:"+student.job);

  23.    function Student1(user,job,age){
  24.        Person.call(this,age,user);
  25.        this.job=job;
  26.    }
  27.   // var student1=new Student('zhao','25','web');
  28.   // alert("name:"+student1.user+" age:"+student1.age+" job:"+student1.job)

  30.     function add(a,b){
  31.         alert(a+b);
  32.     }
  33.     function sub(a,b){
  34.         alert(a-b)
  35.     }
  36.     // sub.call(add,9,6) //3
  37.     // add.call(sub,9,6) //15 js中函数其实是对象,函数名是对Function对象的引用


  40.     // function Animal(){
  41.     //     this.name='dog';
  42.     //     this.showName=function(){
  43.     //         alert(this.name)
  44.     //     }
  45.     //     return this.showName
  46.     // }
  47.     // Animal()(); // 输出 dog


  50.        function Animal(){ //函数就是对象，有属性和方法
  51.            this.name='dog';
  52.            this.showName=function(){
  53.                alert(this.name)
  54.            }
  55.        }
  56.        function Cat(){
  57.            this.name='cat';
  58.        }
  59.        var ani=new Animal(); //继承了Animal的方法和属性
  60.        var cat=new Cat();
  61.        // ani.showName.call(cat); //输出 cat 就近原则 this.name='dog'被this.name='cat'覆盖 也可写成ani.showName.call(cat,'')
  62.        // ani.showName.apply(cat,[]);//输出 cat

  64.        //多重继承
  65.        function func1(){
  66.            this.showAdd=function(a,b){
  67.                alert(a+b)
  68.            }
  69.        }
  70.        function func2(){
  71.            this.showSub=function(a,b){
  72.                alert(a-b)
  73.            }
  74.        }
  75.        function func(){
  76.            func1.call(this);
  77.            func2.call(this);
  78.        }
  79.        var demo=new func(); //函数作为对象来引用，有方法和属性
  80.        // demo.showAdd(9,6);//15
  81.        // demo.showSub(9,6);//3
  82.     </script>
  83. </body>
  84. </html>

阅读(1509) | 评论(0) | 转发(0) |
0

上一篇：用鼠标在canvas上画个性图形

下一篇：canvas实现贪吃蛇游戏

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6