一.this指向问题 1)默认绑定,即作为独立的普通函数调用 此时this指向全局对象window,如果是严格模式下,则指向undefined; 2)隐式绑定,即具有调用上下文(一种场景就是作为对象的属性调用) 隐式绑定会将this绑定到这个上下文对象,如obj.getA():this就指向.之前的函数调用者:对象属性引用链中只有上一层或者说最后一层在调用位置中起作用.如obj1.obj2.foo(),调用时this指向obj2; 隐式绑定常见的问题就是隐式绑定的函数会丢失绑定对象.这点在第二部…

设计模式学习(二十四):Spring 中使用到的设计模式 作者:Grey 原文地址: 博客园:设计模式学习(二十四):Spring 中使用到的设计模式 CSDN:设计模式学习(二十四):Spring 中使用到的设计模式 观察者模式 定义一个继承 ApplicationEvent 的事件:定义一个实现了 ApplicationListener 的监听器:定义一个发送者 DemoPublisher ,发送者调用 ApplicationContext 来发送事件消息. 模板方法 适配器模式 Sprin…

今天,我拿到了张容铭写的这本<JavaScript设计模式>这本书,开始了关于JavaScript更深一点的学习. 看到这本书开始的时候,虽然之前通过看书.一些比较好的视频的讲解,对JavaScript有了基础的认识,但是,在看到书的内容的时候,我内心还是有一种自己差的十万八千里的感觉,之前的代码写法不行,使用全局变量.全局函数,只是面向过程的编程的方法,扩展性.可重用性太低.以后我将每天更新博客,将自己所学每一种设计模式都po出来,我要自己看到自己的进步!!加油! 今天的内容是————面向对…

学习Javascript设计模式之前,需要先了解一些相关知识,面向对象的基础知识.this等重要概念,以及掌握一些函数式编程的技巧. Js多态 多态的思想:实际上是把“做什么”和“谁去做”分离开来.例: var makeSound = function(animal){ if(animal.show instanceof Function){ animal.show(); } } var dog = { show: function(){ console.log('汪汪'); } } var c…

本文接上篇,基础部分相对薄弱的同学请移步<JavaScript正则表达式学习笔记(一) - 理论基础>.上文介绍了8种JavaScript正则表达式的属性,本文还会追加介绍几种JavaScript正则表达式的属性(注意是非标准属性,但很好用). 一. 上文回顾 本文会用到上篇文章部分内容,所以简单回顾下. 1.1 JavaScript正则表达式标志符 g: 全局匹配,即找到所有匹配的.对应属性RegExp#global. i: 忽略字母大小写.对应属性RegExp#ingoreCase. m:…

1 JavaScript设计模式深入分析 私有属性和方法:函数有作用域,在函数内用var 关键字声明的变量在外部无法访问,私有属性和方法本质就是你希望在对象外部无法访问的变量. 特权属性和方法:创建属性和方法时使用的this关键字,因为这些方法定义在构造器的作用域中,所以它们可以访问到私有属性和方法;只有那些需要直接访问私有成员的方法才应该被设计为特权方法. 共有属性和方法:直接链在prototype上的属性和方法,不可以访问构造器内的私有成员,可以访问特权成员,子类会继承所有的共有方法. 共有…

前言 本篇是设计模式学习笔记的其中一篇文章,如对其他模式有兴趣,可从该地址查找设计模式学习笔记汇总地址 正文开始... 1. 简介 简单工厂模式不属于GoF23中设计模式之一,但在软件开发中应用也较为频繁,通常做为学习其他工厂模式的入门. 接下来我们从一个虚构的业务场景遇到的问题开始,到如何使用简单工厂模式去解决这个业务场景的问题的角度,来介绍这个模式. 2. 具体业务 有一个图表类,可以在实例化的时候根据传入的参数创建不同的图表类型,比如柱状图.饼状图.折线图等等. 2.1 业务代码 /**…

JavaScript 设计模式基础(一) 原型模式 在以类为中心的面向对象编程语言中,类和对象的关系就像铸模和铸件的关系,对象总是从类中创建.而原型编程中,类不是必须的,对象未必从类中创建而来,可以拷贝另一个对象而变成新对象 从设计模式角度讲,原型模式是用于创建对象的一种模式,找到一个对象,不需要关心对象的具体类型,通过克隆来创建一个一模一样的对象. 原型不单是一种设计模式,也被称为编程泛型 原型编程中有一个重要特性:访问对象中某个属性或方法,而对象本身没有对应属性和方法,那么它会从自己的原型链…

第一种 使用一个标签 <script type="text/javascript"> js代码; </script> 第二种 使用 script 标签,引入一个外部的 js 文件 需要创建一个js文件写js代码 <script type="text/javascript" src="1.js"></script> 使用第二种方式时候,不需要在script标签里面写js代码 第三种: 与HTML标签中…

JavaScript 基础 学习 节点属性 ​ 每一个节点都有自己的特点 ​ 这个节点属性就记录着属于自己节点的特点 1. nodeType(以一个数字来表示这个节点类型) ​ 语法:节点.nodeType ​ 得到: 一个数字,代表着这个节点的类型 ​ 元素节点:1 ​ 属性节点:2 ​ 文本节点:3 ​ 注释节点:8 ​ 例如:判定节点是不是元素节点,只要判断他的 nodeType === 1就可以了 2.nodeName(节点名称) ​ 语法: 节点.nodeName ​ 得到: 一个名称…