您的位置:首页 > 教程笔记 > 前端笔记

javascript面向对象编程概念简单介绍

2023-12-04 13:48:47 前端笔记 83

关于面向对象这个术语,大家应该都不陌生了,铺天盖地都是。

但是很多朋友还是不太明白到底什么是面向对象的编程,下面就用通俗的语言做一下介绍。

面向对象简单的说就是将功能封装到对象里,强调的是具备某种功能的对象。

面向过程强调的是具体的功能实现,第一步干什么,第二个步干什么。

先看一个简单的代码实例:

var antzone = {
  webName:"实例",
  getName:function(){
    console.log(this.webName)
  }
}
person.getName();

下面介绍一下面向对象编程的常见方式:

一.工厂模式:

function createAntzone(webName,age,url){
  var o=new Object();
  o.webName=webName;
  o.age=age;
  o.url=url;
  o.getName=function(){
    console.log(this.name);
  }
}
var antzone=createAntzone('实例',4,"实例3");

二.构造函数模式:

function Antzone(){}
Antzone.prototype.webName = "实例";
Antzone.prototype.age = 4;
Antzone.prototype.url = "实例3";
Antzone.prototype.getName = function () {
  console.log(this.webName);
};
var antzone=new Antzone();
antzone.getName();

相关推荐

  • javascript面向对象编程的非构造函数的继承

    javascript面向对象编程的非构造函数的继承

    关于面向对象的封装可以参阅jvscrit面向对象编程关于封装简单介绍一章节。关于非构造函数的继承可以参阅jvscrit面向对象编程的构造函数的继承一章节。一.什么是非构造函数的继承:比

    前端笔记 2023-12-04 13:48:46 215
  • javascript面向对象编程的构造函数的继承

    javascript面向对象编程的构造函数的继承

    关于面向对象的封装可以参阅jvscrit面向对象编程关于封装简单介绍一章节。关于非构造函数的继承可以参阅jvscrit面向对象编程的非构造函数的继承一章节。今天要介绍的是,对象之间的继承

    前端笔记 2023-12-04 13:48:45 207
  • javascript面向对象编程关于封装简单介绍

    javascript面向对象编程关于封装简单介绍

    本章节介绍一下关于jvscrit面向对象的封装问题。关于面向对象的继承可以参阅如下两章节:(1).jvscrit面向对象编程的构造函数的继承一章节。(2).jvscrit面向对象编程

    前端笔记 2023-12-04 13:48:44 175
  • js获取伪元素选择器规定的内容代码实例

    js获取伪元素选择器规定的内容代码实例

    关于伪元素选择器可以参阅CSS bfor/::bfor一章节。下面介绍一下如何利用js获取伪元素选择器定义的内容,这种需求在以前可能比较少。但是随着浏览器的进步,伪元素选择器的实用会越来越广

    前端笔记 2023-12-04 13:48:39 195
  • 通过鼠标拖动选取指定数字代码实例

    通过鼠标拖动选取指定数字代码实例

    在不少的应用中,选取数字的时候可以通过鼠标拖动来实现,这样的效果人性化的很。下面就分享一个插件实现了这样的功能,这就是jRng,它是利用jQury实现的。一.HTML代码部分:首先载入jQur

    前端笔记 2023-12-04 13:48:32 162