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())的区别

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

原文地址:https://www.cnblogs.com/lizhancheng/p/4032071.html