资讯专栏INFORMATION COLUMN

js面向对象基础

WalkerXu / 2030人阅读

摘要:面向对象入门基础我们在日常编程中,用到的大多都是面向过程的编程,但是的编程我们要运到面向对象,创建对象实例类,下边说一下,我们创建对象的几种方法我们创建对象有下边几种方法第一个方法第二种方法直接创建一个对象,字面量形式上边的方法我们经常用来

js面向对象入门基础

我们在日常编程中,用到的大多都是js面向过程的编程,但是20%的编程我们要运到面向对象,创建对象实例(类),下边说一下,我们创建对象的几种方法!

我们创建对象有下边几种方法:

第一个方法

//new Object
    var person=new Object
    person.name="xx";
    person.age=xx;
    person.....

第二种方法

//直接创建一个对象,字面量形式
var person={
    name="xx",
    age="xx",
    ...
    
    }
}

上边的方法我们经常用来学习,但是有一些诟病,如果你想要创建多个对象,可以使用下边这种方法。。

介绍一下这种方法

//创建对象实例
function Student(name,age,xxx){
    this.name="",
    this.age="",
    this.xxx,
}
//下边是创建对象的方法
//用到了对象的继承    类
var student1 = new Student("xx", 19, "xx");

var student2 = new Student("xx", 23, "xx");

我们用下边这种方法如果创建10个对象是不是感觉比上边那个方便?

我们要想对一个对象使用或者创建自己的方法就用到了原型对象prototype!接着上边的

student1.prototype.fly=function(){
    console.log("我会飞")
}
student2.prototype.run=function(){
    console.log("我会跑")
}

这就是面向对象的一些基础,如果大家觉得可以的话,给个赞,有什么问题也可以在下边评论,我会为你们解答!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84062.html

相关文章

  • 大前端2018现在上车还还得及么

    摘要:面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象,,,事件驱动,事件发射器加密解密,路径操作,序列化和反序列化文件流操作服务端与客户端。 第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对...

    stormgens 评论0 收藏0
  • 大前端2018现在上车还还得及么

    摘要:面向对象三大特征继承性多态性封装性接口。第五阶段封装一个属于自己的框架框架封装基础事件流冒泡捕获事件对象事件框架选择框架。核心模块和对象全局对象,,,事件驱动,事件发射器加密解密,路径操作,序列化和反序列化文件流操作服务端与客户端。 第一阶段: HTML+CSS:HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础:Js基础教程、js内置对...

    mylxsw 评论0 收藏0
  • JS基础入门篇(三十四)— 面向对象(一)

    摘要:对象对象的定义对象是由键值对组成的无序集合。创建对象两种方法方法一字面量方法方法二构造函数创建面向对象和面向过程的比较如果想要把大象放进冰箱。 1.对象 对象的定义 : 对象 是 由 键值对 组成的无序集合。 创建对象两种方法 : 方法一 : 字面量方法 var obj = {name: k}; 方法二 : new Object( ) 构造函数创建 var a = n...

    fantix 评论0 收藏0
  • JS基础入门篇(三十四)— 面向对象(一)

    摘要:对象对象的定义对象是由键值对组成的无序集合。创建对象两种方法方法一字面量方法方法二构造函数创建面向对象和面向过程的比较如果想要把大象放进冰箱。 1.对象 对象的定义 : 对象 是 由 键值对 组成的无序集合。 创建对象两种方法 : 方法一 : 字面量方法 var obj = {name: k}; 方法二 : new Object( ) 构造函数创建 var a = n...

    fish 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<