#Javascript

JavaScript设计模式--桥梁模式--XHR连接队列

针对该模式的例子现在不是很理解,写下来慢慢熟悉。们要构建一个队列,队列里存放了很多ajax请求,使用队列(queue)主要是因为要确保先加入的请求先被处理。任何时候,我们可以暂停请求、删除请求、重试请求以及支持对各个请求的订阅事件。(1)异步请求的函数封装/**XHR连接对象*把请求的函数做成一个序列,按照执行序列来完...

JavaScript设计模式--桥梁模式--引入

1.使用情况(1)事件的监控#1,利用页面的button来选择宠物的例子(思路)button.addEvent(element,"click",getPetByBame);functiongetPetByBame(e){varid=this.id;asyncRquest("GET",'pet.action?id='+i...

JavaScript设计模式--简单工厂模式例子---XHR工厂

第一步,Ajax操作接口(目的是起一个接口检测作用)  (1)引入接口文件//定义一个静态方法来实现接口与实现类的直接检验//静态方法不要写出Interface.prototype,因为这是写到接口的原型链上的//我们要把静态的函数直接写到类层次上//(1)定义一个接口类varInterface=f...

JavaScript设计模式--简单工厂模式

一,介绍工厂模式创建对象(视为工厂里的产品)时无需指定创建对象的具体类。工厂模式定义一个用于创建对象的接口,这个接口由子类决定实例化哪一个类。该模式使一个类的实例化延迟到了子类。而子类可以重写接口方法以便创建的时候指定自己的对象类型。在这里将工厂简单分为三种:(1)简单工厂:通过第三方的类完成松耦合的任务。(2)复杂工...

JavaScript链式调用

1、什么是链式调用?这个很容易理解,例如$('text’).setStyle('color','red').show();一般的函数调用和链式调用的区别:链式调用完方法后,returnthis返回当前调用方法的对象。首先,我们先来看看一般函数的调用方式(1)先创建一个简单的类//创建一个bird类funct...
代码星球 ·2020-08-15

JavaScript设模式---单例模式

单例模式也称为单体模式,其中:1,单体模式用于创建命名空间,将系列关联的属性和方法组织成一个逻辑单元,减少全局变量。 逻辑单元中的代码通过单一的变量进行访问。2,三个特点: ①该类只有一个实例; ②该类自行创建该实例,即在该类内部创建自身的实例对象; ③向整个系统公开这个实例接口3,单体模式有四种基本形式:第一种,最简...
代码星球 ·2020-08-15

JavaScript的封装

一,首先,为什么要使用封装?这是从信息的角度出发的,信息的隐藏是最终的目的,而封装只不过是实现隐藏的一种方法。这里我们需要明白一点就是:类的定义有如下的三种方式:(第一种)门户大开型方式   (第二种)用命令规范区别私有和公有的方式  (第三种)闭包现在详细描述一下每一...
代码星球 ·2020-08-15

JavaScript接口

JavaScript中实现接口的方法有三种:第一种,使用注释的方法实现接口特点:(1)最简单,但是功能最弱(2)利用interface和implement"文字"(3)把他们用注释的方式表现出来具体实现如下:1,用注释定义一个接口/**interfacePersonDao(){*functionadd(obj);*fu...
代码星球 ·2020-08-15

JavaScript继承与聚合

一,继承第一种方式:类与被继承类直接耦合度高1,首先,准备一个可以被继承的类(父类),例如//创建一个人员类functionPerson(name){//现在Person里面的域是由Person里面的来this来控制的this.name=name;}2,然后,有个需要继承父类的子类functionTeacher(nam...
代码星球 ·2020-08-15

JavaScript原型模式(prototype)

1.原型是一个对象,其他对象可以通过它实现属性的继承所有对象在默认的情况下都有一个原型,因为原型的本身也是对象,所以一个类的真正原型是被类的内部[prototype]属性所指出。每个函数都有一个属性叫做prototype,这个prototype的属性值是一个对象(属性的集合),默认的只有一个叫做constructor的...

JavaScript之JMap

在JavaScript中我们利用function类定义类在类的内部我们用var定义私有变量私有函数在类的内部我们用this定义公有变量(1)定义一个类functionJMap(){vararr={};//空类//增加this.put=function(key,value){//用一个方法将数据加到指定类中去arr[ke...
代码星球 ·2020-08-15

JavaScript之使用JavaScript模仿oop编程

第一,首先,使用关键字function定义一个类functionShape1(ax,ay){//此时将function看成声明类的标志varx=0;vary=0;varinit=function(){//构造函数对内部的变量赋值x=ax;y=ay;}init();//构造函数的调用this.getX=function(...

javascript基础之回调函数

简单来说,回调函数:也就是将要执行的函数。回调函数具体的定义为:函数A作为参数(函数引用)传递到另一个函数B中,并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式),就叫做匿名回调函数。(1)回调函数的定义functionadd(x,y,fn){/**this.xthis.y:属于add类的...

javascript基础之两种函数的定义方法

第一种方式:可以在函数定义之前调用也可以在函数定义之后调用:(0)函数的调用add(1,2)//可以调用 (1)函数的定义:functionadd(x,y){console.log(x+y);}(2)函数的调用add(1,2)//可以调用  第二种方式:函数的调用只能是在函数定义之后。(1...

JavaScript:Dom

概念:parentElement 获取对象层次中的父对象。 parentNode 获取文档层次中的父对象。 childNodes 获取作为指定对象直接后代的 HTML 元素和 TextNode 对象的集合。 childr...
代码星球 ·2020-08-09
首页上一页...4344454647...下一页尾页