this属性表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。 先看一个在全局作用范围内使用this的例子： 代码如下: console.log(this === window); // true console.log(window.alert === this.alert); // true console.log(this.parseInt("021", 10)); ...
我们已经在第一章中使用prototype属性模拟类和继承的实现。 prototype属性本质上还是一个JavaScript对象。 并且每个函数都有一个默认的prototype属性。 如果这个函数被用在创建自定义对象的场景中，我们称这个函数为构造函数。 比如下面一个简单的场景： 代码如下: // 构造函数 function Person(name) { this.name = name; } // 定义Person的原型，原型中的属性可以被自定义对象引用 Person.prototype = { getName: function() { ...
prototype与[[prototype]] 在有面象对象基础的前提下，来看一段代码： 代码如下: //Animal构造函数 function Animal(name){ this.name = name; } //Animal原型对象 Animal.prototype = { id:"Animal", sleep:function(){ alert("sleep"); } } var dog = new Animal("旺才"); alert(dog.name);//旺才 alert(dog.id);//Animal dog.sleep()//sleep 其对应的简易内存分配结构图：现在让我们来解释一下这张内存图的来龙去脉： 首先明确...
代码如下: function parent(){ this.x=10; } function child(){ var parentObj=new parent(); for(var p in parentObj)this[p]=parentObj[p]; } var childObj=new child(); alert(childObj.x); 代码如下: function parent(){ this.x=10; } function child(){ this.parent=parent; this.parent(); delete this.parent; } var childObj=new child(); alert(childObj.x); 代码如下: function parent(){ this.x=10; } function chi...
JavaScript Inheritance DouglasCrockfordwww.crockford.com And you think youre so clever and classless and free--John Lennon JavaScript一种没有类的，面向对象的语言，它使用原型继承来代替类继承。这个可能对受过传统的面向对象语言（如C++和Java）训练的程序员来说有点迷惑。JavaScript的原型继承比类继承有更强大的表现力，现在就让我们来看看。JavaJavaScript强类型弱类型静态动态基于类基于原型类函数构造器函数方法函...
代码如下:输出9说明正确 alert(r.getAreas()); //输出20说明正确 </ script>
代码如下: var JsObject = {} || new Object(); JsObject.extend = function(subClass, superClass){ //先判断子类subClass是否已经定义，如果未定义，则重新定义类。 if(typeof subClass == "undefined")subClass = function(){}; //如果父类superClass是类，则转化成对象 if(typeof superClass == "function")superClass = new superClass(); //遍历父类superClass对象中的属性和方法 for(var p in su...
一，function 从一开始接触到js就感觉好灵活，每个人的写法都不一样，比如一个function就有N种写法 如：function showMsg(){}，var showMsg=function(){}，showMsg=function(){} 似乎没有什么区别，都是一样的嘛，真的是一样的吗，大家看看下面的例子 代码如下: ///----------------------------------------------------------------------------------------- ------- //函数定义：命名函数（声明式），匿名函数（引用式） //声...
无参数类继承的问题 先看一段示例代码，实现B继承于A： 代码如下: function A() { } A.prototype.a1 = function() { }; function B() { } B.prototype = new A(); B.prototype.b1 = function() { }; var b = new B(); alert(b.constructor == A); // true alert(b.constructor == B); // false 这段代码的主要问题是： * 需要实例化A作为B的原型，此时就执行了A的构造函数。但按照面向对象的规则，实例化B之前，B及其父类A的构造...
在使用面向对象编程时，对象间的继承关系自然少不了！而原型正是实现javascript继承的很重要的一种方法！ 我们首先来看以下代码： 代码如下: function person(name, age) { this.name = name; this.age = age; } person.prototype.getInfo = function() { alert("My name is "+this.name+", and I have "+this.age+" years old"); } var zhangchen = new person("zhangchen", 23); zhangchen.getInfo(); //output My name is zhan...
代码如下: function Polygon(iSliders){ //定义一个多边形 this.silders=iSliders; } Polygon.prototype.getArea=function(){ //为多边形定义一个去的面积的方法 return 0; } function Triangle(iBase,iHeight){ Polygon.call(this,3); //继承多边形对象 this.base=iBase; this.height=iHeight; } Triangle.prototype.getArea=function(){ //重写去的面积的方法 return 0.5*this.base*this.height; } var ...
深入学习javascript继承之前,先了解下面的几个概念: 父类:被继承的类 子类:由继承得来的类 超类:也就是父类 抽象类:一般不用来实例化的类,它的用途是用来给其他类继承. 基类:提供给其他类可以继承的类 派生类:由基类继承而来的类 javascript对象继承通常有下面的5种方式: 1.对象冒充 2.call()方式 3.apply()方式 4.原型链 5.混合方式 A.对象冒充 所谓对象冒充,就是新的类冒充旧的类(旧的类必须采用构造函数方式),从而达到继承目的....
JS继承 JavaScript中没有类的概念，与类相关的继承的概念更是无从谈起，但是我们可以通过特殊的语法来 模拟面向对象语言中的继承。 在JS中模拟继承有多种方式，其中寄生组合模式是一种比较容易简单的模拟继承模式，下面我们就来 介绍一下用寄生组合模式模拟继承。 JS的继承包括属性的继承和方法的继承，他们分别通过不同的方法来实现。 1属性的继承 属性的继承通过改变函数的执行环境来实现的。而改变函数的执行环境可以使用call()...
这种模式的作用在于确保对象属性的真正私有化, 我们无法直接访问对象的状态, 只能通过特权方法来进行操作. 下面直接来个例子吧. 代码如下: var person = function(cfg) { var that = {}; that.getName = function() { return cfg.name || unknow name; }; // 性别 默认男性 that.getGender = function() { return cfg.gender || male; }; return that; }; var programmer = function(cfg) { var that = person(cfg), share = {}; ...
我一直很难理解Javascript语言的继承机制。 它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。直到昨天，我读到法国程序员Vjeux的解释，才恍然大悟，完全明白了Javascript为什么这样设计。下面，我尝试用自己的语言，来解释它的设计思想。彻底说...