首页 > 网站 > WEB开发 > 正文

javascript类继承的一些实验

2024-04-27 14:17:56
字体:
来源:转载
供稿:网友
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())的区别

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表