OOP(面向对象)
文章平均质量分 77
约德尔蒙
本人博客大部分为自己总结的, 难免有一些错误,请大家多多查阅多多对比,欢迎指正!
展开
-
什么是面向对象?(javascript里面的面向对象是指的什么)
### 面向对象的三大特性 * 封装 * 继承 自己没有的,拿别人过来用,就是继承 * 多态 父类引用指向子类的对象(JavaScript中用不到)### 创建对象的四种方式 * 使用字面量创建对象 ```js var o = {key:value, key:value...} ```原创 2017-06-21 08:39:41 · 688 阅读 · 0 评论 -
Javascript 面向对象编程(一):封装
作者:阮一峰Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。那么,如果我们要把"属性"(property)和"方法"(method),封装成一个对象,甚至要从原型对象生成一个实例对象,我们应该怎么做呢?一、 生成实例对象的原始模式转载 2017-10-22 11:06:35 · 297 阅读 · 0 评论 -
Javascript面向对象编程(二):构造函数的继承
作者: 阮一峰日期: 2010年5月23日这个系列的第一部分,主要介绍了如何"封装"数据和方法,以及如何从原型对象生成实例。今天要介绍的是,对象之间的"继承"的五种方法。比如,现在有一个"动物"对象的构造函数。 function Animal(){ this.species = "动物"; }还有一个"猫转载 2017-10-22 11:09:32 · 259 阅读 · 0 评论 -
Javascript面向对象编程(三):非构造函数的继承
Javascript面向对象编程(三):非构造函数的继承作者: 阮一峰日期: 2010年5月24日这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分,介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承?比如,现在有一个对象,叫做"中国人"。 v转载 2017-10-22 11:13:09 · 230 阅读 · 0 评论 -
求数组的最大值 和apply的案例
Title div{ margin: 5px; height: 200px; width: 200px; border:6px dashed pink; } p{ display: block; h原创 2017-06-26 13:30:20 · 339 阅读 · 0 评论 -
jQuery缓存实现的分析-及源码解读
Title //eleCache //typeCache //classCache //eventCache function createCache(){ //cache对象中以键值对的形式存储我们的缓存数据 var cache = {};原创 2017-06-26 13:23:22 · 286 阅读 · 0 评论 -
递归原理及思想
//递归 //在函数内调用函数自己,就是递归 //没有递归结束条件的递归,就是死递归 //1.自己调用自己 //2.要有结束的条件 //使用递归的方法 //化归思想: //化归思想,将一个问题由难化易,由繁化简,由复杂化简单的过程称为化归,它是转化和归结的简称。 /原创 2017-06-26 11:02:59 · 669 阅读 · 0 评论 -
原型链的结构(深入理解原型继承)和举例
Title //1.什么是原型链? //每个构造函数都有原型对象 //每个对象都会有构造函数 //每个构造函数的原型都是一个对象 //那么这个原型对象也会有构造函数 //那么这个原型对象的构造函数也会有原型对象 //这样就会形成一个链式的结构,称为原型链 //原创 2017-06-26 09:26:31 · 766 阅读 · 0 评论 -
原型继承的实现和 原型的替换
Title //原型继承 //利用原型中的成员可以被和其相关的对象共享这一特性,可以实现继承 //这种实现继承的方式,就叫做原型继承 //1.给原型对象中添加成员(通过对象的动态特性) 不是严格意义上的继承 function Person(name, age){ this.name原创 2017-06-26 09:13:27 · 924 阅读 · 0 评论 -
对象中的constructor
function Person(name, age, gender, car){ this.name = name; this.age = age; this.gender = gender; this.car = car; } var x = {原创 2017-06-26 08:35:06 · 618 阅读 · 0 评论 -
js对象中原型(prototype)的使用方法、替换以及注意事项
Title function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } //----------------------原型的使用方法--原创 2017-06-22 08:58:30 · 2789 阅读 · 0 评论 -
传统构造函数存在的问题以及解决方法(原型)
Title //写一个构造函数,用来创建学生对象 //属性:姓名 年龄 身高 体重 //行为:学习 吃饭 看片 把妹 function studyMethod(){ console.log("我叫"+ this.name +"Good Good Study Day Day Up");原创 2017-06-21 09:27:48 · 530 阅读 · 0 评论 -
创建对象的方式
Title //如何创建一个对象 下面是三种方法(具体用哪个看需求) //1.-------------对象字面量 {key:value,key:value...}------------------- //只能创建一次对象,复用性较差,如果要创建多个对象,代码冗余度太高 // var obj = { //原创 2017-06-21 09:11:55 · 216 阅读 · 0 评论 -
构造函数与普通函数的区别
构造函数与普通函数的比较在js中,用new关键字来调用定义的构造函数。默认返回的是一个新的对象具有构造函数定义的变量和方法。先来写个构造函数的例子: 12345678910111213function Prince(转载 2017-10-22 11:51:40 · 531 阅读 · 0 评论