美文网首页高级JS
Js 面向对象编程

Js 面向对象编程

作者: 小飞侠zzr | 来源:发表于2017-12-21 21:01 被阅读0次

思想1——封装

JavaScript是一种基于对象的编程语言,但是es6之前都没有类class这一概念,真的叫人迷茫!

1.首先我们要学会定义一个对象

var obj = {
name : " 张三",
age : 18
}
这里面 name 和 age 都是 obj对象的属性

我们还可以这样

var obj = new Object();
obj.name = "张三";
obj.age = 19;
这次我们定义的obj同样拥有两个属性 这种定义属性的方式就是追加,先定义一个空白的对象,然后再向里面追加属性,这样可以避免把原来的属性都覆盖掉。

所谓的——封装 就是讲属性封装在对象的内部

工厂模式封装对象

function Fn(name,age){
return obj = {
name = name,
age = age
}
}

工厂模式就是为了解决重复定义对对象,浪费代码,只要调用函数并且传需要的参数就可以实现创建一个新的对象了。多次调用工厂函数生成的对象之间没有任何的联系,他们是同一个原型的不同的实例。

构造函数模式

首先来解释一下什么是构造函数,就是一个函数,我们把属性定义给构造函数本身,把方法定义在构造函数这个对象的原型上,通常构造函数的函数名首字母大写用来与其他的函数区分。通常我们用 关键字 new 实现 构造函数的实例化
这里简单介绍一下 new 的功能呢
1.创建一个空的对象
2.改变对象内部this的指向
3.赋值原型

继承

构造函数的继承

通过改变 构造函数中的this的指向来实现继承 父构造函数的属性
原型的继承: 由于复杂数据类型的传值方式是传址,这样会导致父构造函数 与 子 构造函数公用一个原型,操作任何一个都会影响另一个,这绝对不是我们希望看到的。所以我么这时候就需要一个替死鬼,先把父构造函数实例化,然后把实例化的原型赋值给子构造函数
prototype =》 proto => prototype 的转换就可以实现分离子构造函数和父构造函数之间的关系了

关于 prototype 的一些方法

1.isprototype() 判断实例是不是指定的原型的 如果是的话就返回true

2.hasownprototype()判断属性是本身的还是继承自原型链上的 是本身的属性返回true

3.in运算符 用法 属性 in 实例 实例中有该属性 就返回true

4.for (var i in 对象) 用来遍历对象的所有的属性 包括原型链上的

相关文章

  • javascript面向对象编程

    javascript面向对象编程一(封装) 通俗易懂绝对干货 JS面向对象编程

  • js面向对象

    js面向对象(第五周) 什么是面向对象 面向对象是一种编程思想,是在面向过程编程(结构化编程)之后出现的,面向对象...

  • ES6中的类的总结

    js常用的编程模式有面向过程编程和面向对象编程(1)面向过程编程“面向过程”(Procedure Oriented...

  • 浅谈JS中的面向对象

    浅谈JS中的面向对象 本文主要说说本人在JS中对面向对象的理解。 计算机编程语言主要分为面向过程式编程和面向对象式...

  • js高级 第一章

    JS面向对象编程 一、什么是面向对象思想(编程思想角度)? 现有的两种程序思想:面向过程和面向对象 1.面向过程...

  • 面试题的总结与解答

    1,js中this指向的理解 在js面向对象编程里我们避免不了使用this,所以理解this指向对于在面向对象编程...

  • JS面向对象

    JS面向对象入门 1、面向对象语言概念面向对象语言主要包括 类、对象、封装、多肽。2、面向对象的编程思想面向过程思...

  • JS高级3-语言特性

    一、 JS面向对象编程 1、 面向对象介绍 什么是对象? Everything is object (万物皆对象)...

  • RYF javascript笔记3

    4. 面向对象编程 4.1面向对象编程概述 4.1.1简介 4.1.1.1构造函数 js没有“类”,而改用构造函数...

  • WEB 八

    JS 面向对象编程 利用JS面向对象编程写一个贪吃蛇小游戏 思路:地图->蛇->让蛇运动->用键盘控制蛇运动->食...

网友评论

    本文标题:Js 面向对象编程

    本文链接:https://www.haomeiwen.com/subject/fjhzwxtx.html