你不懂JS: this 与对象原型 -附录A

附录A: ES6 class 如果说本书后半部分(第四到六章)有什么关键信息,那就是类是一种代码的可选设计模式(不是必要的),而且用像 JavaScript 这样的 [[Prototype]] 语言来实现它总是很尴尬。 虽然这种尴尬很大一部分关于语法,但 不仅 限于此。第四和第五章审视了相当多的难看…

你不懂JS: this 与对象原型 -第六章

在第五章中,我们详细地讨论了 [[Prototype]] 机制,和 为什么 对于描述“类”或“继承”来说它是那么使人糊涂和不合适。我们一路跋涉,不仅涉及了相当繁冗的语法(使代码凌乱的 .prototype),还有各种陷阱(比如使人吃惊的 .constructor 解析和难看的假想多态语法)。我们探索…

你不懂JS: this 与对象原型 -第五章

第五章: 原型(Prototype) 在第三,四章中,我们几次提到了 [[Prototype]] 链,但我们没有讨论它到底是什么。现在我们就详细讲解一下原型(prototype)。 注意: 所有模拟类拷贝行为的企图,也就是我们在前面第四章描述的内容,称为各种种类的“mixin”,和我们要在本章中讲解…

你不懂JS: this 与对象原型 -第四章

第四章: 混合(淆)“类”的对象 接着我们上一章对对象的探索,我们很自然的将注意力转移到“面向对象(OO)编程”,与“类(class)”。我们先将“面向类”作为设计模式来看看,之后我们再考察“类”的机制:“实例化(instantiation)”, “继承(inheritance)”与“(相对)多态(…

你不懂JS: this 与对象原型 -第三章

第三章:对象 在第一和第二章中,我们讲解了 this 绑定如何根据函数调用的调用点指向不同的对象。但究竟什么是对象,为什么我们需要指向它们?这一章我们就来详细探索一下对象。 语法 对象来自于两种形式:声明(字面)形式,和构造形式。 一个对象的字面语法看起来像这样: var myObj = { key…

你不懂JS: this 与对象原型 -第二章

第二章: this 豁然开朗! 在第一章中,我们摒弃了种种对 this 的误解,并且知道了 this 是一个完全根据调用点(函数是如何被调用的)而为每次函数调用建立的绑定。 调用点(Call-site) 为了理解 this 绑定,我们不得不理解调用点:函数在代码中被调用的位置(不是被声明的位置)。我…

DOM系列:Attribute和Property

这两天一直在看DOM元素的attribute和property,简单让人晕。从直译上,我一开始都理解为“属性”,而且对于我这样的新手,将两者混淆在一起,傻傻的分不清楚。后来经过大大们的指点,知道两者是不同的东西,但两者之间又有紧密的联系。为了能更清晰的整明白两者的关系与不同,所以把自己理解和搜集的资…

div自适应水平垂直居中的方法

1.Flexbox布局: display:flex; justify-content:center; align-items:center; width:100%; 2.Bootstrap栅格布局 一共12格,分成3块,每块占4列。居中的内容写在中间的那一块。 3.圣杯/双飞翼(水平自适应居中的基础…