面向对象写法模板

//构造函数
    function createPerson(name,age,work){
        this.name=name;
        this.age=age;
        this.work=work;
        //初始化
        this.inint();
    }
    //原型方法
    createPerson.prototype={
        //修正constructor
        constructor:createPerson,
        inint:function(){
            this.showMsg();
            this.sayHi();
        },
        showMsg:function(){
            //alert(‘我的名字是‘+this.name+‘,年龄‘+this.age+‘,‘+this.work);
        },
        sayHi:function(){
            //alert(‘hi!我是一个:‘+this.work);
        }
    }
    //调用
    var p1=new createPerson(‘tom‘,‘21‘,‘学生‘);
    var p2=new createPerson(‘ollie‘,‘27‘,‘web前端工程师‘);
时间: 2024-10-09 08:13:34

面向对象写法模板的相关文章

javascript 面向对象写法的简单小例子,方面以后参考

面向对象写法的简单小例子,也即是一个小模板,方便以后拿来参考,如果有误,请各位大神多多指点.思想:主要给#box添加颜色和添加内容,一个方法是添加颜色,另一个方法是添加内容,然后编写的面向对象写法. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <st

粗看ES6之面向对象写法

在es6以前,js没有类的概念,虽然有构造函数原型的方式用来做面向对向开发,但是对于书法并不是十分友好,而且对于继承实现也不是十分友好. es6引入class constructor extends super等关键字简化了JS面向对象写法,以后可以跟后端说JS也终于是有类的一门语言了,哈哈. ES6的面向对象写法如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

图片拖拽面向对象写法-1

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拖拽之面向对象</title> <style> #box1{width: 100px;height: 100px;background-color: #0A246A; position: absolute;} </style> <s

面向对象写法的拖拽

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>无标题文档</title> 6 <style> 7 #div1{ width:100px; height:100px; background:red; po

js面向对象写法

//对象字面量写法 var fn = { name: 'hello world', fn1: function() { console.log(this.name); } }; fn.fn1(); //prototype原型写法 function Fn() { this.name = 'hello world'; this.fn1 = function() { console.log(this.name); }; Fn.prototype.fn2 = function() { console.l

图片拖拽面向对象写法-2

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>     #box1{      width: 100px;      height: 100px;      background-color: #ffff00;      position: absolute; 

js面向对象写法及栈的实现

1 function Stack() { 2 this.dataStore = []; 3 this.top = 0; //指向栈顶的位置 4 this.push = push; 5 this.pop = pop; 6 this.peek = peek; 7 this.clear = clear; 8 this.length = length; 9 10 function push(element) { 11 this.dataStore[this.top++] = element; //先赋值

原生js面向对象写法

Mouse就是一个类,有自己的成员变量和成员方法,成员方法一定加上prototype,避免js原型的坑. var Mouse = function(id) { this.id = id; this.name = ""; this.mes = null;//被创建的那个div this.con = null; this.runAwayInterval = null; this.init(); }; Mouse.prototype.init = function() { // consol

Flask06 地址约定、利用falsk提供的方法渲染模板

1 访问地址约定 在访问路径的末尾是否需要加 / -> 可以加,也可以不加 前端的访问路径必须和后端的路径完全匹配才能够访问成功,如果我们在后台的路径都是以 / 结尾,但是我们的访问路径是没有以 / 结尾仍然能够访问成功的原因是后台为我们进行了重定向处理(即:当我们访问路径不以 / 结尾时,在后台的是以 / 结尾时,他们是不匹配的:此时后台就会自动将前端的请求路径重定向到后台以 / 结尾的那个路由中去,给使用者的感觉就是浏览器自动在路径的末尾添加了 / ,然而并不是这样的,真正的原理是在后台使用