登录  /  注册
首页 > web前端 > js教程 > 正文

使用JavaScript模仿oop编程的方法

一个新手
发布: 2017-10-14 09:39:58
原创
1045人浏览过

第一,

首先,使用关键字function定义一个类

function Shape1(ax,ay) {//此时将function看成声明类的标志
    var x=0;
    var y=0;
    var  init=function () {//构造函数   对内部的变量赋值
        x=ax;
        y=ay;
    }
init();//构造函数的调用
     this.getX=function () {//this声明公有函数   var 声明私有   get方法
      return x;
    }
}
登录后复制

然后,对象的实例化+调用

第二,

静态属性和静态方法

JavaScript中静态方法是作用在类身上的而非对象上,

一,对于使用function声明的类

(1)首先,先定义一个类

function Person() {this.Name="小李"};
登录后复制

(2)然后,为类添加静态变量 静态方法

 Person.age=0;
    Person.ShowName=function (obj) {
        console.log(obj.Name)//此时的Name是Person对象类下面全局变量,需要Person对象方可访问
    };
登录后复制

(3)调用

Person.ShowName(new Person());
登录后复制

总结:先有类,再添加有静态成员,
Person是一个类 可以实例化,下面有静态成员需要实例化.才能访问

二,没有function声明的类(对象)--简单类

(1)先有一个类

var a={};//一个类
登录后复制

(2)为类添加属性

a["name"]="1";//添加属性
登录后复制

(3)调用

alert(a.name);
登录后复制

以上就是使用JavaScript模仿oop编程的方法的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号