2018年07月_Liar丶

转载详解JS继承的多种实现方式

(1) 借助构造函数实现继承function Parent(){ this.name = ‘lxf’;}function Child(){ Parent.call(this); this.age = 18;}这种方式只能实现部分继承，即父类的构造方法中的属性，子类可以继承，其缺点是，父类原型上的属性或方法，子类无法继承。(2)借助原型链实现继承func...

2018-07-25 10:48:34 241

原创 ES6中Class的继承学习笔记

class ColorPoint extends Point { constructor(x, y, color) { super(x, y); // 调用父类的constructor(x, y) this.color = color; } toString() { return this.color + ' ' + super.toString(); // ...

2018-07-19 16:44:17 221

原创 ES6 Map学习笔记

MapJavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。const data = {};const element = document.getElementById('myDiv');data[element] = 'metadata';data['[object HTMLDivE...

2018-07-19 15:05:23 175

原创 ES6 Set学习笔记

SetSet 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化。const set = new Set([1, 2, 3, 4, 4]); // 可用来实现数组去重set.size // 4 [...set] // [1,2,3,4]向 Set 加入值的时候，不会发生类型转换，Set 内部判断两个值是否不同，使用的算法叫做“Same-v...

2018-07-19 11:27:18 152

转载数组对象根据某个key相同合并分组

var arr = [ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":"值1","value":"11111"}, {"id":"1002&q

2018-07-19 10:09:14 16423 6

原创 ES6中class 学习笔记 (二)

1.this的指向，类的方法内部如果含有this，它默认指向类的实例class Logger { printName(name = 'there') { this.print(`Hello ${name}`); } print(text) { console.log(text); }}const logger = new Logger();cons...

2018-07-18 14:54:55 259

原创 ES6中class学习笔记 (一)

1.类的数据类型就是函数，类本身就指向构造函数，这与 ES5 的行为是一致的。class Point { // ...}typeof Point // "function"Point === Point.prototype.constructor // true2.类的所有方法都定义在类的prototype属性上面，在类的实例上面调用方法，其实就是调用原型上的方法。 3.Ob...

2018-07-17 16:09:10 209

原创使用正则从字符串中截取出img标签、以及对应src地址

1.从字符串中匹配出所有的img标签var str = "this is test string <img src=\"http:baidu.com/test.jpg\" width='50' > 1 and the end <img src=\"所有地址也能匹配.jpg\" /> 33! <img src=\"/uploads/attached/image/20...

2018-07-13 16:21:18 24035 3

原创 for in与Object.keys与Object.getOwnPropertyNames的区别

var parent = Object.create(Object.prototype, { a: { value: 123, writable: true, enumerable: true, configurable: true }});// parent继承自Object.protot...

2018-07-12 14:57:53 370

前端切图仔的日常