专栏首页前端知识分享第205天:面向对象知识点总结

第205天:面向对象知识点总结

一、面向对象和传统开发的区别

面向对象开发

  1. 分析需要的对象
  2. 分析每个对象需要的属性和方法
  3. 依次实现每个对象
  4. 面向对象编程(直接使用封装好的方法)

传统开发四要素 – 牢记

  1. 定义变量保存数据
  2. 获取元素
  3. 绑定元素
  4. 绑定事件

二、json

JSON全称为JavaScript对象简单表示法(JavaScript Object Notation)

即通过字面量来表示一个对象,

从简单到复杂均可使用此方式。

1、字面量创建的对象和json对象区别

2、json语法规范

Json虽然语法规则要求加个” ”,但是其实不加也是正确的。

字面量其实就是原型对象的一个实例。

我们在使用对象的字面量形式(json)的时候不需要再实例化

3、json协议

json是一个协议,只要我们将数据转换成这个格式,就能实现传输,至于如何传输的,不必知道

4、Json协议和json对象有什么关系

JSON协议事实上已经作为一种前端与服务器端的数据交换格式,是一种国际标准。他不是语言,他只是一个规范,按照这种规范写法就能实现数据传递。

ajax,后台一般传递给我们的数据格式是json字符串,我们拿到数据之后,将其转化成json对象,再做其他处理

5、json对象和字符串的转换

json对象转化成json字符串

JSON.stringify(obj)将JSON转为字符串

var aToStr=JSON.stringify(a);

json字符串转化成json对象

通过eval() 函数可以将JSON字符串转化为对象。

JSON.parse(string)将字符串转为JSON对象;

var bToObj=JSON.parse(b);

json是数据传输通用协议

三、XML

Xml只是描述数据的一种结构

1、XML作用

树结构存储数据

文本数据库

统一通信协议

不同平台之间通讯

html是xml的一种结构

前后台沟通的桥梁xml、 json

既可以用json 也可以用xml

Web前端开发 json更流行

2、Xml语法规则

  • 所有 XML 元素都须有关闭标签
  • XML 标签对大小写敏感
  • XML 必须正确地嵌套
  • XML 文档必须有根元素
  • XML 的属性值须加引号

3、Json和xml的相同点和不同点

相同点:

都是一种通用协议

都可以用来描述数据

不同点:

JSON相对于XML来讲,数据的体积小,传递的速度更快些。

xml专用带宽大,json占用带宽小

json没有xml这么通用

json可以和js对象互相转换,和js是天生的一对,因此广泛用于前端开发

XML已经被业界广泛的使用,而JSON才刚刚开始,但是在Ajax这个特定的领域,未来的发展一定是XML让位于JSON。到时Ajax应该变成Ajaj(Asynchronous Javascript and JSON)了

四、构造函数

1、构造函数和普通函数的区别

对象其实是使用函数实现的

对象本身就是一个函数

如果一个函数用于创建对象,我们一般称之为构造函数。

2、构造函数四种创建方式

参数传参

默认值

动态添加属性

混合模式

3、构造语法规范

成员(属性)定义规范:

this.name

成员(方法)定义规范:

this.buy=function(){         alert('buy')     }

属性访问 - 点语法

4、Instanceof

如何判断某个实例是否是根据某个构造函数创建的

If(p1 instanceof Product){

Alert(‘true)

}

js构造函数本身就是一个函数,所以拥有函数的一切的特性

如果return一个对象,则new的时候返回的是return的对象

5、实例拷贝原理

内存分配会自动拷贝构造对象的所有属性,并赋以实例的值

当你实例化一个对象,那么内存中会开辟两个内存区域:一个保存实例名称变量:其保存的只是地址

一个保存对象的真正的数据

6、constructor

1,实例化的过程其实就是拷贝构造函数属性的过程

2,除了拷贝以外还会自动生成一个constructor属性,用于识别其是根据哪个构造函数创建的实例。

7、构造函数和原型对象的区别

构造函数创建的实例不能共享属性和方法,浪费内存

原型对象中的工具被所有实例所共享

一般将大家都公有的东西放在原型对象中

每个实例独特的不一样的属性放在构造函数中

五、双对象法则

1、通过原型方式创建对象的原理

通过原型创建对象,其实创建的是两个对象

构造函数对象

原型对象

当我们实例化的时候,该实例自动拷贝构造函数的所有属性和方法,而对于原型对象,则不拷贝,而是通过一个属性‘铁链’

2、双对象的名称

构造函数对象的名称:就是函数名称

原型对象的名称:古怪点:函数名称.prototype

双对象第一个对象:构造函数(对象)

构造函数对象

构造函数对象中的属性方法

构造属性 方法

双对象第一个对象:原型对象

原型

原型对象

原型属性 原型方法

3、hasOwnProperty() 方法

可以判定一个属性是存在于构造对象的实例上还是原型对象上。该 方法继承自 Object。

如果是实例对象—ture

如果是原型对象 – false

4、面向对象的三个作用

面向对象编程

描述数据 - -对象的字面量形式--json

封装框架

5、创建对象的方式

字面量

Object

内置对象

构造函数

原型对象

拷贝

工厂

第三方

6、面向对象三大对象

内置对象

字符串,数组,日期,正则,数字,数学,错误,函数

BOM对象

windows ,document ,location ,history

自定义对象

HTTP是Hyper Text Transfer Protocol,超文本传输协议;

FTP是File Transfer Protocol,文件传输协议;

简单说HTTP是面向网页的,而FTP是面向文件的。

7、innerHTML与innerText

innerHTMLinnerText的区别:

就是对HTML可以放置html代码,Text不会输出HTML代码

Text只有IE支持,不建议使用

alert(document.getElementById("p1").innerText);

alert(document.getElementById("p2").innerHTML);

8、new 的本质

当我们new 一个实例后,系统自动做了如下事情

创建一个空对象  var p = {}

拷贝构造函数中的方法属性到空对象中

自动成生一个属性_proto_指向类的原型p.__proto__ =  XXXX.prototype

9、Object对象是Function对象的一个实例

所以Object的__proto__属性指向Function对象的原型

Object._proto_===Function.prototype

所有内置对象都是Function对象的实例

Object和 任何函数都是指向Function.prototype

五、面向对象三大特性

封装

继承

多态

继承可以减少代码重复

我们一般将相同的属性放在父类中

自己独特的属性放在自身对象中

继承就是定义一个新的对象,继承另一个对象的方法和属性

前面通过原型方式创建一个对象A,其可以使用Object中的所有属性和方法,这里我们就说A对象继承了Object对象。

继承的本质就是通过__proto__指针指向某个对象,系统能够自动链式访问所指向的对象的属性方法

整个js世界都继承自Object,都可以访问Object中的方法和属性。

所以,Object是所有对象的祖先,是生命诞生的鼻祖

所有的内置对象都继承在Object,除了拥有自身的方法和属性之外,还拥有Object的所有属性和方法

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 第171天:面向对象——对象实例和原型对象进阶

    这样,如果我们需要修改所有实例中的属性或者方法,就只需要修改一处,就能够影响到所有实例了

    半指温柔乐
  • 第187天:js基础---常见的Bom对象

    BOM(Browser Object Mode)浏览器对象模型,是Javascript的重要组成部分。它提供了一系列对象用于与浏览器窗口进行交互,这些对象通常统...

    半指温柔乐
  • 第63天:json的两种声明方式

    1、 对象声明 var  json = {width:100,height:100}

    半指温柔乐
  • 卷积神经网络对图片分类-下

    接上篇:卷积神经网络对图片分类-中 9 ReLU(Rectified Linear Units) Layers 在每个卷积层之后,会马上进入一个激励层,调用一种...

    刀刀老高
  • Visual Studio 2017 问题集锦

    前几天微软发布Visual Studio 2017 RC版,第一时间下载安装并体验了一番,把我之前在Visual Studio 2015下面写的IP高精度定位网...

    徐大嘴
  • 架构师考试回顾

        今天成绩下来了,本来以为要等到1月17号才会发布,一直没查,还是朋友帮我查了,我才知道已经考试通过了。之前简单地在《2010目标》中描述了一下去年考试的...

    用户1172223
  • Python定时任务实现方式

     最简单的方式,在循环里放入要执行的任务,然后sleep一段时间再执行。缺点是,不容易控制,而且sleep是个阻塞函数

    菲宇
  • SMOTE python实现

    py3study
  • 深入理解javascript原型和闭包(1)——一切都是对象

    “一切都是对象”这句话的重点在于如何去理解“对象”这个概念。 ——当然,也不是所有的都是对象,值类型就不是对象。 首先咱们还是先看看javascript中一个常...

    前朝楚水
  • WordPress 面对恶意请求、恶意登录的基本安全防御措施

    今天明月给大家分享一下 WordPress 站点的基本安全防御措施,这些都是明月多年使用 WordPress 的经验总结,至少都是“实测有效”的,甚至不少还是明...

    明月云服务

扫码关注云+社区

领取腾讯云代金券