博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
《javascript语言精粹》读书笔记(三)
阅读量:7114 次
发布时间:2019-06-28

本文共 3717 字,大约阅读时间需要 12 分钟。

  hot3.png

    从现在起要加快点速度了,书中其实有很多知识对于我来说已经很熟悉了,在此我就简单摘录一下,当然如果非常重要的知识(我认为的,可能有失偏颇),我会写的详细点,可能还会加入我的理解。下面继续:


第五章 继承

    继承是大多数编程语言非常重要的主题。良好的继承不仅可以使你的系统有逻辑性和层次感,更重要的是可以减少你的代码量和开发成本。

    5.1伪类

        在本节中作者试图隐藏prototype对象,而尽量使用一种类似“类”的方式实现继承,他的做法如下:

Function.prototype.method=function(name,func){    if(!this.prototype[name]){        this.prototype[name]=func;    }    return this;}//通过method方法定义一个inherits方法,目的是隐藏prototype实现继承Function.method('inherits',function(Parent){    this.prototype=new Parent();    return this;});/*以上是准备工作*/var Mammal=function(name){    this.name=name;}Mammal.prototype.get_name=function(){    return this.name}Mammal.prototype.says=function(){    return this.saying||'';}//继承来了,采用的是级联的样式编程,只有一条语句var cat=function(name){    this.name=name;    this.saying='meow';}.inherits(Mammal).    //继承Mammal    method('get_name',function(){    //在cat的原型上添加方法        return this.says()+' '+this.name+' '+this.says();    });

    这种伪类的方式作者提出了几个缺点:

        1.没有私有环境,所有属性都是公开的。

        2.无法访问super(父类)的方法。    (这点不太理解,构造一个子类的对象不就可以访问了吗?)

        3.如果你在调用构造器时忘记使用new了,危害相当大!所以建议构造器函数用大写字母。

    5.2对象说明符

        就是说构造器在参数设定上,尽量用一个对象,这样能更好的表达出语义。如:

var myobject=maker(f,l,m);    //不好的方式var myobject=maker({          //比较好的方式    first:f,    last:l,    male:m});

    5.3原型

        5.1讲的是javascript用“类”的方式实现继承,这一节介绍怎么用原型的方式继承。直接上代码:

//为Object对象增加一个方法,这个方法的作用实际上是实现了一次对对象的拷贝if(typeof Object.beget!=='function'){    Object.beget=function(o){        var F=function(){};        F.prototype=o;        return new F();    };}var myMammal={    name:'xxx',    get_name:function(){        this.name;    },    says:function(){        return this.saying||'';    }}var myCat=Object.beget(myMammal);//重点来了,这句是实现了对myMammal对象的继承myCat.name='mimi';myCat.get_name=function(){    return this.says()+" "+this.name;}

    5.4函数化

        这里其实又介绍了一个设计模式--函数化模式,个人感觉跟模块模式差不多,都是在内部定义私有变量、私有方法,然后通过特权方法对外提供访问接口。看个例子:

var mammal=function(spec){    var that={};    that.get_name=function(){        return spec.name;    }    that.says=function(){        return spec.saying||'';    }}var mymammal=mammal({name:'Herb'});var cat=function(spec){    spec.saying=spec.saying||'meow';    var that=mammal(spec);//继承父类    that.get_name=function(){        return that.says+' '+spec.name;    }    return that;}var mycat=cat({name:'Joge'});

        若要访问父类的方法,本书作者提供了一种装逼的写法(个人感觉没什么必要)

Object.method('superior',function(name){    var that=this,method=that[name];    return function(){        return method.apply(that,arguments);    };});
var coolcat=function(spec){    var that=cat(spec),        super_get_name=that.superior('get_name');    //调用父类方法get_name    that.get_name=function(n){        return 'like '+super_get_name()+' baby';    }    return that;}var mycoolcat=coolcat({name:'Bix'});var name=mycoolcat.get_name();    //'like meow Bix meow baby'

    5.5部件(略)


第六章 数组

    数组其实没什么好说的,他在javascript中就是一个对象。不同的是数组继承自Array.prototype,而不是Object.prototype。而且数组拥有length属性和很多实用的方法。

    (1)删除数组可以用delete array[2],但这会在下标2的位置产生一个undefined值,长度不变。可以用array.splice(2,1)代替他。

    (2)数组和对象的使用时机:

                当属性名是小而连续的整数时,你应该使用数组。否则,使用对象。    

                检测一个对象是否为数组的方法:

var is_array=function(value){    return value&&        typeof value==='object'&&        typeof value.length==='number'&&        typeof value.splice==='function'&&        !(value.propertyIsEnumerable('length'));    }

第七章 正则表达式(略)

    个人认为不用硬背,记住一些基本,会用就行。


第八章 方法

    介绍了Object、Array、String、Number等类型的常用方法,在此就不一一列举了。


第九章 代码风格

    本章作者着重介绍了代码风格的重要性,尤其像javascript这种有很多缺陷的语言。好的代码风格可以增加程序的可读性,进而增强他正常运行的可能性,以及是否准备按照我们的意图去工作的可能性。它也决定了软件在其生命周期中是否能进行扩展性修改。好的代码风格包括适当空格、缩进、换行等。


第十章 优美的特性

    javascript优美的特性包括:

        (1)函数是头等对象:函数是有词法作用域的闭包。

        (2)基于原型继承的动态对象:对象是无类别的。我们可以通过普通的赋值给任何一个对象增加一个新成员元素。一个对象可以从另一个对象继承成员元素。

        (3)对象字面量和数组字面量:这对创建新的对象和数组来说是一种非常方便的表示法。javascript字面量是数据交换格式JSON的灵感之源。

    另外,作者对产品特性的解读非常精彩。在此截取一小段

        163731_9ExO_257704.png

                


    至此,本书正文部分已介绍完,剩下的就是附录了,下周继续。

转载于:https://my.oschina.net/brant/blog/386757

你可能感兴趣的文章
c#静态构造函数
查看>>
Spring依赖注入的三种方式
查看>>
可能博客园最后一篇随笔
查看>>
Linux Oracle 中文乱码解决
查看>>
POJ2151-Check the difficulty of problems
查看>>
定时提醒实现
查看>>
理解Java多态
查看>>
兔耳效应
查看>>
webpack基础配置
查看>>
初识python: while循环 猜年龄小游戏
查看>>
不要从战略、技术出发做产品——陆树燊
查看>>
Jmeter 使用断言
查看>>
iframe截取网站部分内容实现思路及代码
查看>>
Ubuntu下搭建Eclipse开发环境
查看>>
12.03个人博客
查看>>
数据库修改字节数注意的问题
查看>>
[BZOJ2120]:数颜色(分块?)
查看>>
CentOS 7 使用经验(更新中)
查看>>
如何在java中导入jar包
查看>>
什么是TLS?
查看>>