js类(继承)(一)




//call()

//调用一个对象的一个方法,以另一个对象替换当前对象。

//call([thisObj[,arg1[, arg2[,   [,.argN]]]]])

//参数

//thisObj

//可选项。将被用作当前对象的对象。

//arg1, arg2, , argN

//可选项。将被传递方法参数序列。

//说明

//call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

//如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

function Person(name){    //父类

    this.name=name;

    this.SayHello=function(){alert("Hello, I‘m "+this.name);};

}

function Employee(name,salary){   //子类

    Person.call(this,name);       //将this传给父构造函数

    this.salary=salary;

    this.ShowMeTheMoney=function(){alert(this.name+" $"+this.salary);};

}

var BillGates=new Person("Bill Gates");

var SteveJobs=new Employee("Steve Jobs",1234);

BillGates.SayHello();  //显示:I‘m Bill Gates

SteveJobs.SayHello();  //显示:I‘m Steve Jobs

SteveJobs.ShowMeTheMoney();  //显示:Steve Jobs $1234

alert(BillGates.constructor == Person);   //true

alert(SteveJobs.constructor == Employee); //true

直接定义prototype似乎更有extends 的意韵




function Person(name){    //父类

    this.name=name;

    this.SayHello=function(){alert("Hello, I‘m "+this.name);};

}

function Employee(salary){   //子类

    this.salary=salary;

    this.ShowMeTheMoney=function(){alert(this.name+" $"+this.salary);};

}

Employee.prototype=new Person("Steve Jobs");

var SteveJobs=new Employee(1234);

SteveJobs.SayHello();  //显示:I‘m Steve Jobs

SteveJobs.ShowMeTheMoney();  //显示:Steve Jobs $1234

文章出自:http://www.cnblogs.com/frostbelt/archive/2012/04/01/2428014.html

时间: 2024-08-17 13:53:36

js类(继承)(一)的相关文章

JS 类继承 原型继承

参考文档:JS原型继承和类继承 <script src="jquery-2.0.3.js"> </script> <script> /*//类继承 var father=function(){ this.age=53; this.say=function(){ console.log("name:"+this.name+",age:"+this.age); } }; var child=function(){

JS原型继承和类式继承

类式继承(构造函数) JS中其实是没有类的概念的,所谓的类也是模拟出来的.特别是当我们是用new 关键字的时候,就使得"类"的概念就越像其他语言中的类了.类式继承是在函数对象内调用父类的构造函数,使得自身获得父类的方法和属性.call和apply方法为类式继承提供了支持.通过改变this的作用环境,使得子类本身具有父类的各种属性. JavaScript var father = function() { this.age = 52; this.say = function() { al

js类(继承)(二)

1. 定义js类js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 代码如下: function ShapeBase() { this.show = function() { alert("ShapeBase show"); }; this.init = function(){ alert("ShapeBase init");

JS原型继承与类的继承

我们先看JS类的继承 1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>JS类的继承</title> 7 </head> 8 9 <body> 10 /* -- 类式继承 -- */ 11 <script type="text/javascript"> 12 //先声

JS中“类”继承和原型继承

类继承: 先用函数构造器创建了一个“类”Student,然后在Student原型上定义了一个方法sayHello,然后创建了一个"类“PrimaryStudent,用apply()初始化PrimaryStudent. 然后让PrimaryStudent的原型等于Student创建的对象,并把PrimaryStudent原型上的构造器指向当前”类“,即PrimaryStudent,注意红色加粗部分. 1 function Student(name){ 2 this.name = name; 3 }

js中继承的几种用法总结(apply,call,prototype)

本篇文章主要介绍了js中继承的几种用法总结(apply,call,prototype) 需要的朋友可以过来参考下,希望对大家有所帮助 一,js中对象继承 js中有三种继承方式 1.js原型(prototype)实现继承 <SPAN style="<SPAN style="FONT-SIZE: 18px"><html>   <body>  <script type="text/javascript"> 

JS类定义方式

// 方法1 对象直接量 var obj1 = { v1 : "", get_v1 : function() { return this.v1; }, set_v1 : function(v) { this.v1 = v; } }; obj1.set_v1('hello1'); alert(obj1.get_v1()); // 方法2 定义函数对象 var Obj = function() { var v1 = ""; this.get_v1 = function(

smartjs 0.2 OOP讲解 - Klass 类继承

SmartJS2.0加入OOP的功能.OOP包括klass与factory两个对象. Klass 类继承 与其他的类继承相比,smartjs使用了执行指针的概念(后面例子中会介绍),另外提供base基类和初始化控制的扩展功能. 首先来看看接口: var _klass = st.klass(name, prop, parent, config); //new _klass() 与 _klass()效果相同,实现了自初始化功能更 var obj = new _klass(); name : 类名 p

js原型继承

原型链: Object(构造函数) object(类型(对象)) var o = {}; alert(typeof o); //结果是object alert(typeof Object); //结果是function 每一个对象都有一个属性叫 __proto__ ,这个属性就是这个对象的原型(o. __proto__),函数可通过 函数名.prototype 获取原型,对象可以通过 对象.__proto__(双下划线)获取. 对象有原型,原型也是对象,所以原型也有原型,所有的函数都是对象,继承

JS类的封装及实现代码

js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 1. 定义js类 js并不是一种面向对向的语言, 没有提供对类的支持, 因此我们不能像在传统的语言里那样 用class来定义类, 但我们可以利用js的闭包封装机制来实现js类, 我们来封装一个简的Shape类. 代码如下: function ShapeBase() { this.show = functi