Js面向对象

一、JSON

真正的json

  1. json数据,可以放在json文件中,也可以出现在编程语言中

    • 是一种文本数据,有专门的文件存储,.json文件
    • 类似于:记事本文件:.txt
    • 有固定的语法要求
  2. json是用来做什么的:通用数据

    • 是一种文本数据,用来作为服务器端和客户端数据交互时,存储数据
      • 客户端A:英语,中文,json
        • 说话:说什么?听不懂,得有一个通用语言:json
      • 服务端B:中文,中文,json
    • 是一种编程语言中的通用数据,任何一门编程语言,都能识别,都能解析,都认识

编程语言中的json

  1. js中的json,类似于数组和对象,只不过还需要遵守json的要求,js中有提供json和数组对象的转换方法
    • 日常在js中,所谓的json数组,json对象,其实只是参考了json数据的名字,别名,起了个名字
    • 自身其实就是编程语言中的数组或对象
  2. php中的json,字符,只不过可以将php的数组和对象,通过一些方法转成json的格式
  3. 任何一门编程语言中,都提供有将自身的某些数据,转成json的方法

真正的json的格式

  1. 必须是字符
    • 不允许使用双引号包裹,必须是单引号或反引号(json文件中不需要,json文件自身就是文本文件)
      • 如:
        • 在html文件中写css需要style标签,在css文件中不需要
        • 在html文件写js需要script标签,在js文件中不需要
  2. json的格式,类似于js中的对象和数组
  3. 键值对的key,必须使用双引号包裹
  4. 在json中不允许出现函数、undefined、NaN,可以出现null
  5. 不允许出现没有意义的逗号

js对象和json的转换

  1. json字符转对象:这个字符就得符合json的格式
    • JSON.parse(str);
      • 需要注意json的规则
  2. 对象转json字符:这个对象只需要符合js中对象的规则即可
    • JSON.stringify(obj);
      • 需要注意js对象或数组的规则
      • 函数,undefined被忽略
      • NaN,被转成null

js对象和json的转换场景

  1. 拿到后端传过来的json数据后,将json数据转成js对象,方便前端js处理

    var o = JSON.parse('{"name":null}');
    console.log(o);
    
  2. 如果需要将js对象传给后端使用,后端不能识别js对象,但可以识别json数据,需要将js对象转成json数据,发给后端

    var s = JSON.stringify({name:"admin"})
    console.log(s);
    

什么是json

  • https://www.jianshu.com/p/658ac368e478

二、面向对象编程

  1. 面向对象的分析和设计

    • 面向对象

    • 分析和设计

      • 需求:拆分,大规模的分工
      • 功能之间,精密的协作
        • 开电商公司
          • 销售部
          • 市场部
          • 技术部
          • 人力行政部
          • 财务部
        • 淘宝网站
          • 订单管理系统
          • 商品管理系统
          • 通信系统
    • 分工:将需求,拆分,拆分到能直接解决

      • 拖拽
        • 按下事件
        • 移动事件
        • 抬起事件
    • 协作:

      • 拖拽
        • 按下事件
          • 获取事件对象
          • 移动事件
            • 拿到自己的事件对象和按下的事件对象
          • 抬起事件
            • 清除移动
  2. 面向的三大特点

    • 封装
    • 继承
    • 多态
  3. 对象的创建

    • 字面量
      • var obj = {}
    • 构造函数
      • 构造内置函数
        • var obj = new Object()
      • 构造自定义函数
        • var obj = new Fn();
  4. 工厂模式创建对象

    • 构造自定义函数,关键字new执行函数
    • new的执行原理
      1. 在内存中创建了一个新对象
      2. 将new执行的函数中的this指向了这个新对象
      3. 检查原函数中,是否主动返回对象,如果没有,返回1~3步中,创建的这个新对象
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值