zoukankan      html  css  js  c++  java
  • javascript类继承的一些实验

    其实一开始编js没怎么用过对象,一般都用func,func,func···但是用多了,感觉代码一点都不美观,还要这里包一个函数,那里包一个函数,或者一直都是函数调用,不好看,而且一些重用的都要重写的话就很麻烦(不好意思,对于我这种新手,开始还是一般用func比较高效率···)。所以就决定开始要用object来编程才能更省事,下面就是我看了一些博客文章关于类的见解,有什么不对的希望各位可以多多给些指点:

    对于类的编程,声明的方法有如下几种:1、var test = function(){};2、function test(){};3、var test = new Object();4、var test = {};···我现在能想到的就只有这四种,麻烦各位大神还有什么可以声明对象的继续补充,小弟在此谢过!

    此时要分开方法来说:

        对于1、2方法,应该是有一些已有属性的,就好像你给test.name加个值,但是你发现输出test.name的时候是输出  func  的名字,不过test可以加其他静态属性,但是还有没有其他保留字,暂时我还没继续去找;

        而对于3、4方法,是可以向test.name赋值的,也会正确输出该值。

        所以,对于func固有的属性,若用func方法来声明对象就可能有些值是不允许赋的,因此,个人更建议对象声明时用的是3、4方法。但是,其实用func来声明类的好处就是可以更直观地初始化一些基本的值

        


       接着就是类的继承,下面举个例子

    var parent = function(name,age){
      this.name = name;
      this.age = age;
      this.method = function(){
        alert("This is my method!");
      }
    }
    //类继承
    
    var child = function(name,age){
      parent.apply(this,arguments); //OR  test.call(this,name);this.age = age;
      //Other method or variables
    }
    //这种继承其实有一个好处就是可以直接在子类里面实例化父类,父类的变量只要在func本体内就可以直接在子类中用了。但是,子类内实例化并不是万全之策,下面再看看
    
    /*---------------------------------------------------------------------------*/
    
    var parent = function(name,age){
      this.name = name;
      this.age = age;
    }
    parent.prototype = {
      run: function(){
        alert(this.name + " is running!");
      },
      work: function(){
        alert(this.name + " is working!");
      },
    }
    
    var child = function(name,age){
      this.name = name;
      this.age = age;
    }
    //类继承
    child.prototype = new parent();
    
    var c = new child("li",20);
    c.run();//有alert,如果像之前在子类内用parent.apply方法,那么parent.prototype的内容对于child是没作用的,所以我就觉得这个就是子类内定义父类(parent.apply)和外面子类prototype(child.prototype = new parent())的区别

    以上就是本人菜鸟的一些学习内容,希望有什么错误的话可以得到各位的指正!谢谢!

  • 相关阅读:
    web3g163(网易)邮箱和博客数据架构设计
    webQQ(腾讯)EmailTMessage(腾讯微博记事本)
    ASP.net MVC 4 中Security.FormsAuthentication验证用户的状态(匿名|已登录)
    ASP.net:查找框设默认
    webQQ(腾讯)EMailQQMsg(仿QQ短信)数据库设计
    webQQ(腾讯)QZone仿QQ投票和测试程序数据库设计
    ASP.NET MVC 3 RTM
    【技术贴】Eclipse||Myeclipse tab缩进转换为空格教程
    【技术贴】解决Eclipse启动不了,一闪而过的问题
    【技术贴】解决U盘无法复制:磁盘被写保护,请去掉写保护或使用另一张磁盘。
  • 原文地址:https://www.cnblogs.com/lizhancheng/p/4032071.html
Copyright © 2011-2022 走看看