…

原型链继承 核心: 将父类的实例作为子类的原型 //父类 function SuperType() {   this.property = true; } SuperType.prototype.getSuperValue = function () {   return this.property }; //子类 function SubType() {   this.subproperty = false; } //拿父类实例来充当子类原型对象 SubType.prototype = new…

一.函数创建过程 在了解原型链之前我们先来看看一个函数在创建过程中做了哪些事情,举一个空函数的例子: function A() {}; 当我们在代码里面声明这么一个空函数,js解析的本质是(肤浅理解有待深入): 1.创建一个原型对象(有constructor属性及[[Prototype]]属性,根据ECMA,其中[[Prototype]]属性不可见.不可枚举 ).文中[[Prototype]]属性等同于__proto__属性2.创建一个函数对象(有name.prototype属性),再通过pro…

理解对象 1.创建Object实例 var clock = new Object(); clock.hour = 12; clock.minute = 10; clock.showHour = function() { alert(clock.hour); }; clock.showHour(); //调用 属性是可以动态添加,修改的 2.对象字面量 var clock = { hour: 12, minute: 10, second: 10, showTime: function() { al…

1.prototype 我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版(prototype)的一个拷贝 (实际上不是拷贝而是链接,只不过这种链接是不可见,给人们的感觉好像是拷贝). //'构造函数'a function a(name){ this.name = name } //原型属性,可共享 a.prototype.getName = function(){ return this.name; } a.prototype.setName = function…

1.使用call或apply方法,将父对象的构造函数绑定在子对象上 function A(){ this.name = 'json'; } function B(){ A.call(this); } //测试 var testB = new B(); alert(testB.name) //->json; 2.实现继承,方法二:prototype模式 function A(){ this.name = 'json'; } function B(){ this.job='coder'; } B.p…

前言 本篇适合前端新人,下面开始...... 对于前端新手来说(比如博主),每当对js的对象做操作时,都是一种痛苦,原因就是在于对象的赋值是引用的传递,并非值的传递,虽然看上去后者赋值给了前者,他们就各奔东西了,但是他们却紧紧相连,为了解决这一问题,我们需要从根源上来切断对象赋值时就对象与新对象之间的藕断丝连...... 拷贝 我们寻找方法时候,找到了拷贝这个方法,就是把要赋值的对象的属性一个一个加到新对象中去,所以我们得到了clone方法: function clone (obj) { var…

开本系列,讨论一些有趣的 CSS 题目,抛开实用性而言,一些题目为了拓宽一下解决问题的思路,此外,涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧. 不断更新,不断更新,不断更新,重要的事情说三遍. 谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法 谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型 谈谈一些有趣的CSS题目(三)-- 层叠顺序与堆栈上下文知多少 所有题目汇总在我的 G…

题目一: //有关于原型继承的代码如下:function Person(name) {   this.name = name;}Person.prototype = {     getName : function() {    return this.name;    }}function Student(name, id) {     Person.call(this, name)    this.id = id;} //接下来的一行,我们提供了有三种写法://第一种:Student.pro…

原型式继承 其原理就是借助原型,可以基于已有的对象创建新对象.节省了创建自定义类型这一步(虽然觉得这样没什么意义). 模型 function object(o){ function W(){ } W.prototype = o; return new W(); } ES5新增了Object.create()方法规范化了原型式继承.即调用方法为:Object.create(o); 适用 只想让一个对象跟另一个对象建立继承这种关系的时候,可以用Object.create();这个方法,不兼容的时候,…