this/call 和apply(js设计模式读书笔记)

this的指向

  • 作为对象的方法调用
 var obj ={
            a :1 ,
            getA:function(){
                alert(this ===obj); //true
                alert(this.a); //1
            }
        }
        obj.getA()
  • 作为普通函数调用

这种情况:callback函数里的this

在 ECMAScript 5 的 strict 模式下,这种情况下的 this 已经被规定为不会指向全局对象,而 是 undefined:

  • 构造器调用

构造器:与普通函数一样。不同的是被调用的方式。

如果构造器显示地返回了一个object类型的对象,那么此次运算结果最终会返回这个对象。

如果不显示地返回任何数据,或者是返回一个非对象类型的数据,就不会造成上述问题

  • Function.prototype.call或者Function.prototype.apply调用

call()方法 改变了this的指向,使得sub可以调用add函数 也就是用sub去执行add中的内容

function add(a,b){
    return a+b;
}
function sub(a,b){
    return a-b;
}
console.log(add.call(sub,2,1))  //3

丢失的this

call和apply

apply:apply 接受两个参数,第一个参数指定了函数体内 this 对象的指向,第二个参数为一个带下 标的集合,这个集合可以为数组,也可以为类数组,apply 方法把这个集合中的元素作为参数传 递给被调用的函数

call 传入的参数数量不固定,跟 apply 相同的是,第一个参数也是代表函数体内的 this 指向, 从第二个参数开始往后,每个参数被依次传入函数

var func = function( a, b, c ,d){
 alert ( [ a, b, c ,d] ); // 输出 [ 1, 2, 3 ,]
};
func.call( null, 1, 2, 3 ); 
  • 用途

改变函数内部的this指向。

Function.prototype.bind:

Function.prototype.bind = function( context ){
 var self = this; // 保存原函数
 return function(){ // 返回一个新的函数
 return self.apply( context, arguments ); // 执行新的函数的时候,会把之前传入的 context
 // 当作新函数体内的 this
 }
};
var obj = {
 name: 'sven'
};
var func = function(){
 alert ( this.name ); // 输出:sven
}.bind( obj);
func(); 

借用其他对象的方法

面向对象的JavaScript

1.1 动态语言和鸭子类型

静态类型语言:在编译时便已确定变量的类型

动态类型语言:程序运行的时 候,待变量被赋予某个值之后,才会具有某种类型

动态类型语言的缺点是无法保证变量的类型,从而在程序的运行期有可能发生跟类型相关的 错误。

1.2 多态

多态:同一操作作用于不同的对象上面,可以产生不同的解释和不同的执行结 果。

多态类型检查。

  • 使用继承来得到多态效果,是让对象表现出多态性的最常用手段。
  • js的多态

JavaScript 的变量类型在运行期是可变的

JavaScript 作为一门动态类型语言,它在编译时没有类型 检查的过程,既没有检查创建的对象类型,又没有检查传递的参数类型

  • 设计模式与多态

多态最根本的作用就是通过把过程化的条件分支语句转化为对象的多态性,从而 消除这些条件分支语句

1.3 封装

封装的目的是将信息隐藏。

封装,不仅包括封装数据和封装实现,还包括封装类型和封装变化

  • 封装数据

JavaScript 并没有提供对这些关键字的支持,我们只能依赖变量的作用域来实现封装特性, 而且只能模拟出 public 和 private 这两种封装性

块级作用域/利用闭包

  • 封装的实现

封装的目的是将信息隐藏,封装应该被视为“任何形式的封装”。,封装不仅仅是 隐藏数据,还包括隐藏实现细节、设计细节以及隐藏对象的类型等。

封装使得对象之间的耦合变松散

  • 封装类型

封装类型是通过抽象类和接口 来进行的

  • 封装变化

拿创建型模式来说,要创建一个对象,是一种抽象行为,而具体创建什么对象则是可以变化 的,创建型模式的目的就是封装创建对象的变化。

结构型模式封装的是对象之间的组合关系。 行为型模式封装的是对象的行为变化。

1.4原型模式和基于原型继承的js对象模式

  • 使用克隆的原型模式

原型模式是用于创建对象的一种模式,如果我们想要创建一个对象, 一种方法是先指定它的类型,然后通过类来创建这个对象。原型模式选择了另外一种方式,我们 不再关心对象的具体类型,而是找到一个对象,然后通过克隆来创建一个一模一样的对象

Object.create

  • 克隆是创建对象的手段
  • 体验lo语言

所有的 JavaScript 对象都是从某个对象上克隆而来的

JavaScript 基于原型的面向对象系统参考了 Self 语言和 Smalltalk 语言

作为一门基于原型的语言,Io 中同样没有类的概念,每一个对象都是基于另外一个对象的 克隆。

  • 原型编程范型的一些规则

所有的数据都是对象。

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

对象会记住它的原型。

如果对象无法响应某个请求,它会把这个请求委托给它自己的原型。

  • JavaScript中的原型继承

所有的数据都是对象。

基本类型 对象类型

绝大部分数据都是对象

JavaScript 中的根对象是 Object.prototype 对象。Object.prototype 对象是一个空的 对象。

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

显式地调用 var obj1 = new Object()或者 var obj2 = {}

对象会记住它的原型

JavaScript 给对象提供了一个名为proto的隐藏属性,某个对象的proto属性默认会指 向它的构造器的原型对象,即{Constructor}.prototype。

如果对象无法响应某个请求,它会把这个请求委托给它自己的原型。

原型链继承

原型继承的未来

Object.create 就是原型模式的天然实现

你可能感兴趣的:(this/call 和apply(js设计模式读书笔记))