您的位置:首页 > Web前端 > JavaScript

JavaScript面向对象编程入门

2017-03-12 21:49 393 查看
来源极客网

function Person() {
var _this = {} //创建一个空的对象,接着我们利用这个"空的对象"承载Person的属性和方法
_this.sayHello = function(){
alert("PHello");
}
return _this;
}

function Teacher_1() {
var _this = Person();//注意这里的语法小括号
return _this;
}

//演示覆写父类中的方法语法
function Teacher_2() {
var _this = Person();
_this.sayHello = function () {
alert("Thello");
}
return _this;
}
//演示子类怎样调用父类的方法
function Teacher() {
var _this = Person();
var surperSay = _this.sayHello;     //1.通过"赋值"的代码思想进行处理
_this.sayHello = function () {
surperSay.call(_this) //2.通过call()方法进行强行调用
alert("Thello");
}
return _this;
}

//调用我们创建对象Teacher
var t = Teacher();
t.sayHello();//调用到我们在Person中声明的sayHello


自己随便定义html运行一下上面的代码,感受一下

//演示用一个函数将一个function包裹起来,然后执行它
//第5行增加传参的情况怎样处理
(function(){
var n = "ime";
function Person(name) {
var _this = {} //创建一个空的对象,接着我们利用这个"空的对象"承载Person的属性和方法
_this._name = name;
_this.sayHello = function(){
alert("PHello" + this._name + ":"+ n);
}
return _this;
}
window.Person = Person; //表示将函数Person"挂"给全家变量,
}());//大括号右边的一对小括号,是必须有的,表示自运行
//演示了
function Teacher(name) {
var _this = Person(name);
var superSay = _this.sayHello;
_this.sayHello = function () {
superSay.call(_this);
alert("Thello" + _this._name);
}
return _this;
}
var t = Teacher("iwen");
t.sayHello();


例子3

//字面形式的Javascript面向对象
var person = {
name:"James",
age:30,
eat:function(){
alert("能吃")
}
}
//给person添加一个属性

function Person(){

}
//使用Person的原型链添加属性和方法
Person.prototye={
name="James",
age:30,
eat:function(){
alert("我在吃");
}
}
//使用new 使用这个对象
var p = new Person();//new仅仅是一个关键词,和Java,C#中的new作用完全不同
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: