《JavaScript设计模式与开发实践》笔记第一章
第一章 面向对象的JavaScript
动态类型语言和鸭子类型
- 编程语言按照数据类型大体可以分为两类:静态类型语言、动态类型语言。
- 静态类型语言:在编译时便已确定变量的类型。
- 优点:
- 在编译时就能发现类型不匹配的错误。
- 在程序中明确地规定了数据类型,编译器还可以针对这些信息对程序进行一些优化工作,提高程序执行速度。
- 缺点:类型的声明也会增加更多的代码,会让程序员的精力从思考业务逻辑上分散开来。
- 优点:
- 动态类型语言:变量类型要到程序运行的时候,待变量被赋予某个值之后,才会具有某种类型。
- 优点:
- 编写的代码数量更少,看起来也更加简洁,程序员可以把精力更多地放在业务逻辑上面。
- 编码灵活。
- 缺点:无法保证变量的类型,从而在程序的运行期有可能发生跟类型相关的错误。
- 优点:
- JavaScript是一门典型的动态类型语言。
- 鸭子类型:如果它走起路来像鸭子,叫起来也是鸭子,那么它就是鸭子。
多态:同一操作作用于不同的对象上面,可以产生不同的解释和不同的执行结果。
- 多态JavaScript例子:
var makeSound = function (animal) {
if (animal instanceof Duck) {
console.log('嘎嘎嘎');
} else if (animal instanceof Chicken) {
console.log('咯咯咯');
}
};
var Duck = function () {};
var Chicken = function () {};
makeSound(new Duck()); // 嘎嘎嘎
makeSound(new Chicken()); // 咯咯咯
- 对象的多态性:
var makeSound = function (animal) {
animal.sound();
};
var Duck = function () {}
Duck.prototype.sound = function () {
console.log('嘎嘎嘎');
};
var Chicken = function () {}
Chicken.prototype.sound = function () {
console.log('咯咯咯');
};
makeSound(new Duck()); // 嘎嘎嘎
makeSound(new Chicken()); // 咯咯咯
- 类型检查和多态:在静态类型语言中编译时会进行类型匹配检查,不能给变量赋予不同类型的值所以需要向上转型(当给一个类变量赋值时,这个变量的类型既可以使用这个类本身,也可以使用这个类的超类)。
- 使用继承得到多态效果
- 继承通常包括实现继承和接口继承。
- 实现继承例子:
先创建一个Animal 抽象类,再分别让Duck 和Chicken 都继承自Animal 抽象类
public abstract class Animal {
abstract void makeSound(); // 抽象方法
}
public class Chicken extends Animal {
public void makeSound() {
System.out.println("咯咯咯");
}
}
public class Duck extends Animal {
public void makeSound() {
System.out.println("嘎嘎嘎");
}
}
Animal duck = new Duck(); // (1)
Animal chicken = new Chicken(); // (2)
public class AnimalSound {
public void makeSound(Animal animal) { // 接受Animal 类型的参数
animal.makeSound();
}
}
public class Test {
public static void main(String args[]) {
AnimalSound animalSound = new AnimalSound();
Animal duck = new Duck();
Animal chicken = new Chicken();
animalSound.makeSound(duck); // 输出嘎嘎嘎
animalSound.makeSound(chicken); // 输出咯咯咯
}
}
- JavaScript的多态
- 多态的思想实际上是把“做什么”和“谁去做”分离开来。
- 在JavaScript 中,并不需要诸如向上转型之类的技术来取得多态的效果。
- 多态在面向对象程序设计中的作用
- 《重构:改善既有代码的设计》里写到:多态的最根本好处在于,你不必再向对象询问“你是什么类型”而后根据得到的答案调用对象的某个行为——你只管调用该行为就是了,其他的一切多态机制都会为你安排妥当。
- 多态最根本的作用就是通过把过程化的条件分支语句转化为对象的多态性,从而消除这些条件分支语句。
- 地图应用例子:
var googleMap = {
show: function () {
console.log('开始渲染谷歌地图');
}
};
var baiduMap = {
show: function () {
console.log('开始渲染百度地图');
}
};
var renderMap = function (map) {
if (map.show instanceof Function) {
map.show();
}
};
renderMap('google'); // 输出:开始渲染谷歌地图
renderMap('baidu'); // 输出:开始渲染百度地图
- 封装:封装的目的是将信息隐藏
- 封装数据:JavaScript 并没有提供对这些关键字的支持,我们只能依赖变量的作用域来实现封装特性,而且只能模拟出public 和private 这两种封装性。例子:
var myObject = (function () {
var __name = 'sven'; // 私有(private)变量
return {
getName: function () { // 公开(public)方法
return __name;
}
}
})();
console.log(myObject.getName()); // 输出:sven
console.log(myObject.__name) // 输出:undefined
- 封装类型:封装类型是通过抽象类和接口来进行的。把对象的真正类型隐藏在抽象类或者接口之后,JavaScript 中,并没有对抽象类和接口的支持。
- 封装变化:封装在更重要的层面体现为封装变化,《设计模式》一书曾提到如下文字,“考虑你的设计中哪些地方可能变化,这种方式与关注会导致重新设计的原因相反。它不是考虑什么时候会迫使你的设计改变,而是考虑你怎样才能够在不重新设计的情况下进行改变。这里的关键在于封装发生变化的概念,这是许多设计模式的主题。”
- 原型模式和基于原型继承的JavaScript对象系统:JavaScript 也同样遵守这些原型编程的基本规则
- 所有的数据都是对象
- 基本类型包括undefined、number、boolean、string、function、object。
- JavaScript 中的根对象是Object.prototype 对象,Object.prototype 对象是一个空的对象。
- 要得到一个对象,不是通过实例化类,而是找到一个对象作为原型并克隆它。
- 所有的数据都是对象
《JavaScript设计模式与开发实践》笔记第一章的更多相关文章
- 《Javascript设计模式与开发实践》--读书笔记
第2章 this call apply bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被bind的第一个参数指定,其余的参数将作为新函数的参数供调用时使用. bind( ...
- 《JavaScript设计模式与开发实践》读书笔记-基础知识
笔记内容多摘录自<JavaScript设计模式与开发实践>(曾探著),侵删. 面向对象的JavaScript 1. 动态需要类型和鸭子类型 鸭子类型 如果它走起路来像鸭子,叫起来也是鸭子, ...
- JavaScript设计模式与开发实践——读书笔记1.高阶函数(上)
说来惭愧,4个多月未更新了.4月份以后就开始忙起来了,论文.毕设.毕业旅行等七七八八的事情占据了很多时间,毕业之后开始忙碌的工作,这期间一直想写博客,但是一直没能静下心写.这段时间在看<Java ...
- JavaScript设计模式与开发实践 - 观察者模式
概述 观察者模式又叫发布 - 订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个目标对象(为了方便理解,以下将观察者对象叫做订阅者,将目标对象叫做 ...
- 《JavaScript设计模式与开发实践》整理
最近在研读一本书<JavaScript设计模式与开发实践>,进阶用的. 一.高阶函数 高阶函数是指至少满足下列条件之一的函数. 1. 函数可以作为参数被传递. 2. 函数可以作为返回值输出 ...
- JavaScript设计模式与开发实践 - 策略模式
引言 本文摘自<JavaScript设计模式与开发实践> 在现实中,很多时候也有多种途径到达同一个目的地.比如我们要去某个地方旅游,可以根据具体的实际情况来选择出行的线路. 如果没有时间但 ...
- 《javascript设计模式与开发实践》--- (单一职责原则)
看的这本书叫<JavaScript设计模式与开发实践> 先规划一下看书的顺序,基础知识我已经大概的浏览了一遍了,没有留下笔记,以后有时间还会补上.本来打算顺着看的.但是我感觉我很难短时间内 ...
- JavaScript设计模式与开发实践 - 单例模式
引言 本文摘自<JavaScript设计模式与开发实践> 在传统开发工程师眼里,单例就是保证一个类只有一个实例,实现的方法一般是先判断实例存在与否,如果存在直接返回,如果不存在就创建了再返 ...
- Javascript设计模式与开发实践读书笔记(1-3章)
第一章 面向对象的Javascript 1.1 多态在面向对象设计中的应用 多态最根本好处在于,你不必询问对象“你是什么类型”而后根据得到的答案调用对象的某个行为--你只管调用行为就好,剩下的一切 ...
随机推荐
- eggjs 框架代理调试 SELF_SIGNED_CERT_IN_CHAIN 报错解决方案
eggjs 中的 this.ctx.curl 可以发起一个请求,配置 proxy 可以很方面的通过接口进行问题定位.代理方式如下: 1.开启 egg-development-proxyagent ,配 ...
- 实现iframe高度自适应
iframe高度自适应使用场景是类似于微博,新闻等点击加载更多这种功能实现,要求iframe的高度能够跟随内容的变化而变化. 父html文件,也就是引用ifram的文件 src="blog/ ...
- Javascript高级编程学习笔记(97)—— WebGL(3) WebGL上下文(1)
WebGL上下文 在支持WebGL的浏览器中,WebGL的名字为 "experimental-webgl",这是由于 webgl 的规范仍未制定完成 制定完成后名字就会改为简单的 ...
- RecyclerFlexboxLayoutManagerDemo【使用FlexboxLayoutManager实现流式布局】
版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 FlexboxLayout是一个Google 开源的库项目,它将CSS Flexible Box Layout Module的类似功 ...
- openLayers 3知识回顾
openlayers 知识 前段时间帮助同事重构一个地图类的项目,然后就学习了openLayer3这个框架,但是官网上没有中文版,也没有详细的例子解释,我只能遇到看不懂的就翻译成中文来用,为了方便以后 ...
- 值得一看的35个Redis常用问题总结
1.什么是redis? Redis 是一个基于内存的高性能key-value数据库. 2.Reids的特点 Redis本质上是一个Key-Value类型的内存数据库,很像memcached,整个数据库 ...
- 【面试】Spring事务面试考点吐血整理(建议珍藏)
Spring和事务的关系 关系型数据库.某些消息队列等产品或中间件称为事务性资源,因为它们本身支持事务,也能够处理事务. Spring很显然不是事务性资源,但是它可以管理事务性资源,所以Spring和 ...
- DSAPI Wifi热点的扫描与连接
使用DSAPI扫描和连接Wifi热点,支持连接隐藏的SSID. 效果演示: 代码如下: Private Wifi As New DSAPI.网络.Wifi Private Sub Button1_Cl ...
- C#创建IIS站点及相应的应用程序池,支持IIS6.0+Windows Server 2003. 使用Builder设计模式
测试项目结构: PS:IIS6UtilsBuilder, IIS7UtilsBuilder,IISUtilsBuilder以及IISDirector为Builder设计模式实现的核心代码.Progra ...
- c#如何声明数据结构类型为null?
可以通过如下两种方式声明可为空的类型:System.Nullable<T> variable;T?variable:eg:int值是-2,147,483,648 到 2,147,483,6 ...