码迷,mamicode.com
首页 > Web开发 > 详细

JS高级---复习

时间:2020-01-01 20:44:02      阅读:84      评论:0      收藏:0      [点我收藏+]

标签:原因   节省空间   实例化   object类   工厂模式   obj   原型对象   匿名函数   返回   

复习

面向过程和面向对象都是编程的思想, 方式不一样
面向过程: 凡事都是亲力亲为, 所有的代码都要自己写, 每一步都要很清楚, 注重的是过程
面向对象: 执行者成为指挥者, 只要找对象, 然后让对象做相关的事情, 注重的是结果
 

面向对象的特性: 封装, 继承, 多态

封装;就是代码的封装, 把一些特征和行为封装在对象中
 
面向对象的编程思想: 根据需求, 抽象出相关的对象, 总结对象的特征和行为, 把特征变成属性,行为变成方法, 然后定义(js)构造函数, 实例化对象, 通过对象调用属性和方法, 完成相应的需求.---编程的思想
 
对象: 具体特指的某个事物, 有特征(属性)和行为(方法),对象可以看成是一坨无序属性的集合
 

如何创建对象?

通过调用new Object(), 还有{}, 自定义构造函数
 

创建对象的方式

1. 调用系统Object()----->创建出来的对象都是Object类型的, 不能很明确的指出这个对象是属于什么类型
2. 字面量的方式{}----->只能创建一个对象(一次只能创建一个)
3.工厂模式创建对象----->----->推论---->自定义构造函数的方式
  自定义构造函数(优化后的工厂模式) 
 

  自定义构造函数创建对象: 4件事

  1.在内存中申请一块空闲的空间, 存储创建的对象
  2.this就是当前实例化的对象
  3.设置对象中的属性和方法(为对象添加属性和方法,为属性和方法赋值)
  4.把创建后的对象返回
  都是需要通过new的方式
 

什么是原型?

构造函数中有一个属性prototype, 是原型, 程序员使用的
实例对象中有一个属性__proto__, 是原型, 浏览器使用的, 不是很标准的,
实例对象中的__proto__指向的就是该实例对象中的构造函数中的prototype
构造函数中的prototype里面的属性或者方法,可以直接通过实例对象调用
正常的写法: 实例对象.__proto__才能访问到构造函数中的prototype中的属性或者方法
per.__proto__.eat();//__proto__不是标准的属性
per.eat();
 
原型就是属性, 而这个属性也是一个对象
Person.prototype--->是属性
Person.prototype.属性或者Person.ptototype.方法()
 
本身在构造函数中定义的属性和方法, 当实例化对象的时候, 实例对象中的属性和方法都是在自己的空间中存在的, 如果是多个对象。
这些属性和方法都会在单独的空间中存在,浪费内存空间, 所以, 为了数据共享, 把想要节省空间的属性或者方法写在原型对象中,达到了数据共享,实现了节点内存空间

原型的作用之一: 数据共享,节省内存空间

 

原型的写法:

构造函数.prototype.属性=值
构造函数.prototype.方法=值---->函数.prototype,函数也是对象,所以,里面也有__proto__
实例对象.prototype-------->实例对象中没有这个属性,只有__proto__(暂时的)
 

简单的原型的写法

缺陷: --->新的知识点---->原型直接指向{}---->就是一个对象, 没有构造器
构造函数.prototype={
切记: 如果这这种写法, 要把构造器加上
};
 

通过原型为内置对象添加原型的属性或者方法----->原因:

系统的内置对象的属性和方法可能不满足现在需求, 所以, 可以通过原型的方式加入属性或者方法, 为了方便开发
 
为内置对象的原型中添加属性和方法, 那么这个内置对象的实例对象就可以直接使用了
 
String.prototype.方法=匿名函数;
var str="哈哈";
str.方法();---->实例对象可以直接调用原型中的属性或者方法

JS高级---复习

标签:原因   节省空间   实例化   object类   工厂模式   obj   原型对象   匿名函数   返回   

原文地址:https://www.cnblogs.com/jane-panyiyun/p/12129717.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!