【JS复习笔记】03 继承

关于继承

好吧,说到底JS还是原型继承的,而不是类继承。所以在这个上面要经常用到prototype去继承另一个对象。

所有的构造器函数都约定命名为首字母大写的形式,并且不以首字母大写的形式拼写任何其它的东西。当然一个更好的备选方案是根本就不用new。(太棒了,你说什么就是什么咯,我就当JS没这个东西了)

为什么呢,因为伪类模式就是一种画虎不成反类犬的模式,它试图去迎合我们这些玩类继承的程序员,但是其实它还有更多更好的选择。

那就是原型继承,然后创建对象的时候函数化,这样就可以对创建有私有变量的对象。

以下为构造器的例子:

var ObjectFactory=function(spec,my){//spec是一个传递的信息对象,其实按照我的理解这个东西就是跟闭包类似不是吗,没什么新鲜的东西
    var that;//要返回的对象
    var name=‘troy‘;//私有变量
    my =my||{};//构造时传进来的对象
    my.getName=function(){//将公共方法和属性可以传递给my
        return name;
    }
    that={};
    that.GetMyName=function(){//这是要创建的对象有的特有方法
        return ‘myname:‘+name;
    }
    return that;
};
var boy=ObjectFactory(1,anotherObj);

事实上上面的代码中that.GetMyName更适合先建一个私有函数对象,然后再赋值给that.GetMyName,这样的话这个方法GetMyName在被删除或者替换后,私有方法不会被破坏。

函数化同样提供了一个访问父类的方法:

Object.AddMethod("getMyParent",function(funcName){
    var that=this,method=that[funcName];
    return function(){
        return method.apply(that,arguments);
    };
})

通过以上方式我们就可以用getMyParent来调用父类的函数。

实际上我感觉

obj.getMyParent("getMyName")和obj.getMyName()的调用方式好像没什么区别,话说这里我也没搞懂什么意思。如有懂的人请麻烦指正一下,谢谢。

部件的组装可以从一套部件中将对象组装起来,简单来讲就是对一个复杂对象进行组装。感觉有点像建造者模式。

时间: 2024-08-07 21:21:10

【JS复习笔记】03 继承的相关文章

【JS复习笔记】02 对象与函数

好吧,因为很重要的事情,几天没写笔记了. 关于对象: ||可以用来填充默认值,如:myApp.name || "无" &&可以用来避免错误,myApp.NameObj有某种情况不存在,那么可以用myApp.NameObj && myApp.NameObj.Name避免脚本错误 所有通过对象字面量创建的对象都连接到Object.prototype,当你创建某对象时也可以选择另一个对象作为它的原型,比如: if(typeof Object.beget!=='

【JS复习笔记】00 序

作为一个前端苦手,说是复习,你就当我是重学好了. 好吧,我当然不可能抱着一个砖头去复习,所以捡了本薄的来读——<JavaScript语言精粹>. 当初带我的人说这本书挺好,就看这本书好了.我觉得他说的挺对.我喜欢这么薄的书,言简意赅. 好吧,废话少说,来点正经的小总结. JavaScript是原型继承的,就是说它直接从其它对象继承属性.如果你对原型继承有点不懂,可以去看看原型模式,大概就是那个样子了. JavaScript依赖于全局变量进行连接.所有编译单元的顶级变量都被撮合到一个被称为全局对

【JS复习笔记】01 基本语法

数字: JS只有一种数字类型,相当于double.(不知道为什么,我每次打double输入法都会出现逗比了三个字) NaN是一个数值,可以用isNaN(number)检测NaN Infinity表示所有大于一个非常大的数值的值 JS有一个对象Math,它包含一套作用于数字的方法. 字符串: Js中所有字符都是Unicode的,16位 Js没有字符类型,只需创建仅包含一个字符的字符串即可 反斜线,引号和控制字符可以用转义字符插到字符串中,如"A"==="\u0041"

webpack.js 复习笔记

1.最简单的命令 hello.js function hello(str){ alert(str) } webpack hello.js hello.bundl.js //即把hello.js 压缩成 hello.bundle.js 2.requrie hello.js require('./world.js') function hello(str){ alert(str) } world.js function world(){ return { } } webpack hello.js h

【JS复习笔记】05 正则表达式

好吧,正则表达式,我从来没记过.以前要用的时候都是网上Copy一下的. 这里还是扯一下吧,以后要是有要用到的正则表达式那么就收集到这个帖子里.(尽管我认为不会,因为我根本就不是一个专业的前端,我只是来划下水的\(^o^)/) 应用范围:正则表达式主要应用于对字符串中的信息实现查找,替换和提取操作. 可处理正则表达式的方法有6个: regexp.exec,regexp.test,string.match,string.replace,string.search和string.split 应用原因:

【JS复习笔记】06 方法

数组的方法: array.concat   一个数组去连接另一个数组,返回一个合成数组.var arrC=arrA.concat(arrB,'asd','sad',true,1.5); array.join       将数组用指定符号连接为一个字符串,并返回这个字符串.比用+快很多.var strA=arrA.join(",");//默认为逗号 array.pop       移除数组最后一个元素,并返回这个元素.var A=arrA.pop(); array.push     将一

JS学习笔记03-初识继承

<!DOCTYPE HTML> <html lang="en"> <head> <meta charset="UTF-8"> <title>test</title> <style type="text/css"> </style> </head> <body> <script type="text/javascr

js的6种继承方式

重新理解js的6种继承方式 注:本文引用于http://www.cnblogs.com/ayqy/p/4471638.html 重点看第三点 组合继承(最常用) 写在前面 一直不喜欢JS的OOP,在学习阶段好像也用不到,总觉得JS的OOP不伦不类的,可能是因为先接触了Java,所以对JS的OO部分有些抵触. 偏见归偏见,既然面试官问到了JS的OOP,那么说明这东西肯定是有用的,应该抛开偏见,认真地了解一下 约定 P.S.下面将展开一个有点长的故事,所以有必要提前约定共同语言: 1 2 3 4 5

【转】Backbone.js学习笔记(二)细说MVC

文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Backbone源码结构 1: (function() { 2: Backbone.Events // 自定义事件 3: Backbone.Model // 模型构造函数和原型扩展 4: Backbone.Collection // 集合构造函数和原型扩展 5: Backbone.Router // 路由