欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript设计模式之原型模式分析【ES5与ES6】

程序员文章站 2023-02-08 17:36:50
本文实例讲述了javascript设计模式之原型模式。分享给大家供大家参考,具体如下: 从设计模式的角度讲,原型模式是用于创建对象的一种模式,若需要创建一个对象,一种方法...

本文实例讲述了javascript设计模式之原型模式。分享给大家供大家参考,具体如下:

从设计模式的角度讲,原型模式是用于创建对象的一种模式,若需要创建一个对象,一种方法是先指定其类型,然后通过类来创建这个对象,另一种方法是通过原型来创建,不必关心对象的具体类型,而是找到一个对象,然后通过克隆来创建一个一模一样的对象。

es5提供了object.create(obj)方法来克隆对象,在不支持object.create(obj)方法的浏览器中,可以使用以下代码:

object.create = object.create || function(obj) {
  function func() {};
  func.prototype = obj;
  return new func();
}

一、javascript中的原型继承:

1. 大部分的数据都是对象;

javascript有两种类型机制:基本类型和对象类型。基本类型包括undefinednumberbooleanstringfunctionobject

javascript设计者的本意在于,除了undefined,一切都应该是对象,为了实现这一目标,number、boolean、string这几种基本数据类型通过对应的包装类number、boolean、string来变成对象类型数据。

javascript中的根对象是object.prototype对象,object.prototype对象是一个空的对象。javascript的每个对象,实际上都是从object.prototype对象克隆而来的,object.prototype对象就是它们的原型。

es5提供了getprototypeof来查看对象的原型,object.getprototypeof(任何对象) == object.prototype都会返回true。

2. 要得到一个对象,不是通过实例化类,而是找到一个对象作为原型并克隆它;

javascript没有类的概念,new运算符后面的不是类,而是构造器。当使用new运算符来创建对象时,实际上也是先克隆object.prototype对象,再进行一些额外操作的过程。

3. 对象会记住它的原型;

其实不能说对象有原型,而只能说对象的构造器有原型。javascript给对象提供了一个名为__proto__属性,默认指向它的构造器的原型,__proto__属性是对象与构造器的原型联系起来的纽带,如:person.__proto__ == person.prototype

4. 若对象无法响应某个请求,它会把该请求委托给它自己的原型。

这是原型继承的精髓,当一个对象无法响应某个请求时,会顺着原型链把请求传递下去,直到遇到一个可以处理该请求的对象为止。但是,原型链并不是无限长的,只会查找到object.prototype对象为止,由于object.prototype的原型是null,因此请求无法找到可以处理的对象,返回undefined

二、原型继承的未来

使用object.create来实现原型继承似乎更能体现原型模式的精髓,但是,通过object.create创建对象的效率并不高,通常要比通过构造函数创建对象慢。

es6带来了新的class语法,这让javascript看起来像是一门基于类的语言,但背后仍然是通过原型机制来创建对象。

class person {
  constuctor(name) {
    this.name = name;
  }
  getname() {
    return this.name;
  }
}
class student extends person {
  constuctor(name) {
    super(name);
  }
  sayhello() {
    alert(“hello”);
  }
}
var student = new student(“alice”);
student.sayhello();

更多关于javascript相关内容可查看本站专题:《javascript面向对象入门教程》、《javascript切换特效与技巧总结》、《javascript查找算法技巧总结》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结

希望本文所述对大家javascript程序设计有所帮助。