首页 > IT职业 > IT职场 > js笔记三十五之原型链模式扩展(2)
在原型模式中,this常用的有两种情况:
在类中 this.xxx=xxx; this -> 当前类的实例
某一个方法中的this -> 看执行的时候 . 前面是谁this就是谁
需要先确定this的指向(this是谁);
把this替换成对应的代码
按照原型链查找机制, 一步步的查找结果
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/ ,如需转载,请注明出处,否则将追究法律责任。