ITPub博客

首页 > IT职业 > IT职场 > js笔记三十五之原型链模式扩展(2)

js笔记三十五之原型链模式扩展(2)

IT职场 作者:wyfem 时间:2021-09-09 09:53:19 0 删除 编辑

在原型模式中,this常用的有两种情况:

  1. 在类中 this.xxx=xxx; this -> 当前类的实例

  2. 某一个方法中的this -> 看执行的时候 . 前面是谁this就是谁

    1. 需要先确定this的指向(this是谁);

    2. 把this替换成对应的代码

    3. 按照原型链查找机制, 一步步的查找结果

function Fn(){    this.x = 100;    this.y = 200;
}
Fn.prototype = {    constructor: Fn,    y: 300,    getX: function(){        console.log(this.x)
    },    getY: function(){        console.log(this.y)
    }
}var f = new Fn;
f.getX() // -> 100  => console.log(f.x) => 100f.__proto__.getX() // -> undefined  => this是f.__proto__ => console.log(f.__proto__.x)[忽略私有,直接找原型] => undefinedFn.prototype.getX(); // -> undefinedf.getY(); // -> 200f.__proto__getY() // -> 300
// 在内置类的原型上扩展数组去重方法Array.prototype.myUnique = function(){    // this -> 
    var obj = {};    for(var i=0;i this -> Array.prototype

链式写法: 执行完成数组的一个方法可以紧接着执行下一个方法
ary为什么可以使用sort方法? -> 因为sort是Array.prototype上的公有的方法,而数组ary是Array这个类的一个实例,所以ary可以使用sort方法 -> 数组才能使用Array原型上定义的属性和方法
sort执行完成的返回值是一个排序后的数组,可以继续执行reverse
reverse执行完成的返回值是一个数组,可以继续执行pop
pop执行完成的返回值是一个被删除的那个元素

ary.sort(function(a,b){    return a-b;
}).reverse().pop();

思考练习:

在数组的原则上有一个方法叫做slice, 自己实现一个方法mySlice, 要求和原来的slice功能一模一样

Array.prototype.mySlice = function(){    // js code...}

考虑情况:
slice(n,m)
slice(n)
slice()
n和m是负数
nn和m的值超过数组的长度
n和m不是有效数字
...



作者:uplyw
链接:https://www.jianshu.com/p/b3f5c151ed82


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2894/viewspace-2814070/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2008-12-22

  • 博文量
    73
  • 访问量
    33676