美文网首页
面向对象原型

面向对象原型

作者: 令武 | 来源:发表于2018-03-17 20:01 被阅读0次

面向对象原型案例

var box = new Object();

box.name = 'lee';

box.age = 27;

box.run = function(){

return this.name + this.age

}

console.log(box.run())

// 工厂模式

function createObject(name,age){

var obj = new Object();

obj.name = name;

obj.age = age;

obj.run = function(){

return this.name + this.age + '运行中';

};

return obj;  // 记住要返回

};

var box1 = createObject('Lee',100);

console.log(box1.run());

// 构造函数

function NBA(name,age){

this.name = name;

this.age = age;

this.run = function(){

return this.name + this.age + '运行中';

};

};

var box3 = new NBA('Lee',100);

console.log(box3.run());

// 构造函数

    function create(n,m){

    this.obj = function(){

    $(n).hover(function(){

    $(m).css('display','block');

    },function(){

    $(m).css('display','none');

    });

    }

    }

var mes = new create('.box','.dome');

    mes.obj();

    // 原型

    function create2(n,m){

    create2.prototype.obj = function(){

    $(n).hover(function(){

    $(m).css('display','block');

    },function(){

    $(m).css('display','none');

    });

    }

    }

    var mes2 = new create2('.box','.dome');

    mes2.obj();

相关文章

  • 1.web前端基础储备之—js的面向对象风格以及原型和原型链

    javascript是面向对象风格,基于原型的语言。 目标:了解js面向对象和原型原型链的关系 面向对象(OOP)...

  • Javascript-高级篇之面向对象

    面向对象 基于原型的面向对象 基于原型的面向对象方式中,对象(object)则是依靠构造器(constructor...

  • lesson 5 面向对象及原型链 2021-04-29

    课程标题 面向对象及原型链 课程目标 面向对象思想 原型及原型链 继承 知识点 面向对象思想 原型链的指向 new...

  • 面向对象:JavaScript

    面向对象 面向对象组成 this指向 第一个面向对象 第一个面向对象加强版 第一个面向对象(this) 原型 原型...

  • JavaScript之面向对象编程

    五、面向对象编程 目录:面向对象原型继承、面向对象class继承(ES6引入的) 1.面向对象原型继承 类:模板 ...

  • 介绍js中的原型

    原型 编程语言对面向对象的实现主流的有两种方式:基于类的面向对象和基于原型的面向对象。 基于类的面向对象 典型的语...

  • 面试题

    1、继承、原型、面向对象

  • JavaScript进阶知识点--JS面向对象

    面向对象 对代码的一种抽象,对外同一提供调用接口的编程思想 基于原型的面向对象 基于原型的面向对象方式中,对象(o...

  • ajax

    1. 面向对象 javascript 具有面向过程,面向对象,函数式编程的特点 javascript 重要 原型/...

  • 面向对象原型

    面向对象原型案例 var box = new Object(); box.name = 'lee'; box....

网友评论

      本文标题:面向对象原型

      本文链接:https://www.haomeiwen.com/subject/lbajqftx.html