前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript之使用JavaScript模仿oop编程

JavaScript之使用JavaScript模仿oop编程

作者头像
wfaceboss
发布2019-04-08 10:57:38
4590
发布2019-04-08 10:57:38
举报
文章被收录于专栏:wfaceboss

第一,

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

代码语言:javascript
复制
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
复制
var shape=new Shape1(1,2);//实例化
alert(shape.getX());//公有方法的调用

第二,

代码语言:javascript
复制
静态属性和静态方法
代码语言:javascript
复制
js中静态方法是作用在类身上的而非对象上
一,对于使用function声明的类

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

代码语言:javascript
复制
function Person() {this.Name="小李"};

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

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

(3)调用

代码语言:javascript
复制
 Person.ShowName(new Person());
代码语言:javascript
复制
总结:先有类,再添加有静态成员,
代码语言:javascript
复制
Person是一个类 可以实例化,下面有静态成员需要实例化.才能访问
代码语言:javascript
复制
二,没有function声明的类(对象)--简单类
(1),先有一个类
代码语言:javascript
复制
var a={};//一个类

(2)为类添加属性

代码语言:javascript
复制
a["name"]="1";//添加属性

(3)调用

代码语言:javascript
复制
alert(a.name);
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-10-08 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档