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())的区别
以上就是本人菜鸟的一些学习内容,希望有什么错误的话可以得到各位的指正!谢谢!
javascript类继承的一些实验的更多相关文章
- JavaScript类继承, 用什么方法好
JavaScript类继承, 用什么方法好 一个实例: 基类Car: function Car(color, year) { this.name = "car"; this.col ...
- Javascript类继承-机制-代码Demo【原创】
最近看到<Javascript设计模式>,对js模拟的”继承方式“有了更深一步的了解,虽然之前也总是用到prototype.new ,但只是知其然不知所以然,现在将类继承的方法整理如下,暂 ...
- Javascript 类继承
Js继承 JavaScript并不是真正面向对象的语言,是基于对象的,没有类的概念. 要想实现继承,可以用js的原型prototype机制或者用apply和call方法去实现 /** 声明一个基础父类 ...
- JavaScript类继承
和其他功能一样,ECMAScript 实现继承的方式不止一种.这是因为 JavaScript 中的继承机制并不是明确规定的,而是通过模仿实现的.这意味着所有的继承细节并非完全由解释程序处理.作为开发者 ...
- javascript类继承系列五(其他方式继承)
除了前面学习的三种继承外,还有另外三种:原型继承寄生继承,寄生组合继承都是以: function object(o) { function F() { } F.prototype = o; retur ...
- javascript类继承系列二(原型链)
原型链是采用最主要的继承方式,原理:每一个类(构造器,js中的function)都有一个原型属性(prototype)指向一个原型对象,原型对象有一个构造器(constructor),它又指回到fun ...
- javascript类继承系列四(组合继承)
原理: 结合了原型链和对象伪装各自优点的方式,基本思路是:使用原型链继承原型上的属性和方法,使用对象伪装继承实例属性,通过定义原型方法,允许函数复用,并运行每个实例拥有自己的属性 function B ...
- javascript类继承系列三(对象伪装)
原理:在子类的构造器上调用超类构造器(父类构造器中的this指向子类实例),js提供了apply()和call()函数,可以实现这种调用 function baseClass() { this.col ...
- javascript类继承系列一
js中没有提供类(class,抽象类,接口等高级的抽象),可以用new,但new的function的对象,构造器 但在js中可以通过function来模拟类的一些特性function fun_name ...
随机推荐
- ubuntu各种应用安装
微信安装,编译包下载,双击electronic-wechat就能用了,记得lock在launcher上 https://github.com/geeeeeeeeek/electronic-wechat ...
- NuGet安装及使用教程
Nuget是一个.NET平台下的开源的项目,它是Visual Studio的扩展.在使用Visual Studio开发基于.NET Framework的应用时,Nuget能把在项目中添加.移除和更新引 ...
- 并查集 poj2236
网址:http://poj.org/problem?id=2236 题意:有n台坏的电脑,如果每两台电脑的距离不能超过d,那么这两台电脑有联系,用字符串O 表示标记第x台电脑维修了,用S判断从X到y是 ...
- Java Web之会话管理二:Session
一.Session 在web开发中,服务器可以为每个yoghurt浏览器创建一个会话对象(Session)对象.注意:一个浏览器独占一个Session对象.因此,在需要保存用户数据时,服务器程序可以把 ...
- validate插件深入学习-03validate()方法配置项
validate()方法配置项 rules 定义校验规则 messages 定义提示信息 上面这两个已经介绍过了 rules里隐藏的属性depends,只有符合条件(返回true)的时候才会执行 su ...
- 新手用git
最近几天用到了git,作为只看过教程,没有在实际项目中使用过的人来说,简直是 T_T ...... 在这里记录一下,以防以后忘记. clone : 本地没有该库,从远程repository拷贝到本地 ...
- 物理Data Guard的日常维护
关闭顺序 1. 首先关闭primary数据库 [oracle@Master admin]$ sqlplus / as sysdba SQL> shutdown immediate 2. 关闭st ...
- Asp.Net_Mvc_获取当前Url、Controller、Action
一.URL的获取很简单,ASP.NET通用: [1]获取 完整url (协议名+域名+虚拟目录名+文件名+参数) string url=Request.Url.ToString(); [2]获取 虚拟 ...
- 24. Swap Nodes in Pairs
24. Swap Nodes in Pairs Given a linked list, swap every two adjacent nodes and return its head. For ...
- Alpha版本十天冲刺--Day6
会议总结 队员 今天完成 遇到的问题 明天要做 感想 鲍亮 获取帖子接口,url图片解析 无 获取帖子详情接口,发帖接口 这两天都是白天睡大觉,晚上敲代码,感觉得调一下作息了,假期更加爱赖床了,还得继 ...