我要谈对象之——JavaScript面向对象(1)
任何语言里都有面向对象,除了个别的。今天,我要说的是javascript中面向对象。
什么是面向对象?
计算机中的一切算法和逻辑都是源于生活中的,对象,这个抽象的概念并不是男同胞理解的妹子哈,对象,无处不在。比如……
你的电脑键盘就是一个对象。我们可以用它敲文字,那么这就是他的方法。而方法永元是运动的。那么它有很多按键。这些按键每个都对应着一个不同的固定的内容,比如按键a,你不可能按了他屏幕上出个字母b,中毒除外哈。那么这些按键我们就叫他属性。属性永运都是静态的。
总结一下哈:对象定义:分为两种:对象使用者,对象创造者。
1、我们并不知道他内部是怎么运行的,但我们会用,比如按下a就会出现a字母,我们不需要明白为什么会这样,但我们会用就行。——对象的使用。
2、对象的组成:方法(函数)——运动;属性(变量)——静态;——对象的创造者;
3、重要特性:继承。也可以叫遗传。
遗传 A->B;从父类上继承出一些方法、属性,子类,又有一些特征。
好,还是不太懂,因为我写的太烂了哈。那么我再仔细的写。
对象的使用者,在js里其实有很多js给我们写好的对象我们只要拿来用就行了。比如array();使用方法:1、var arr=new array();2、var arr=[1,2,3,]。有基础的都明白哈,这个不就是一个数组吗,是的。但你有想过它为什么写好后,就可以有属性length,还有arr[0]下标能用,而其他的就不行呢?其实,这就是js写好的面向对象,我们只要初始化拿来用就可以使用它封装好的方法,但是,我们从不知道他内部做了什么,只是会用。这就是使用者。
总是用别人的东西,不太好,所以,我们要自己写,函数的封装也好,还是面向对象也罢,最后,你写出来的那个,还可以叫插件!哎,这很多人就懂了。一套方法,他没有具体的用处,但是我一旦有了需求,我可以无限使用它去处理不计数的相同问题的事件。
看代码:
1、Function fn(){
Alert(“宋宇是最帅的”)
}
2、Var obj={
Fn:function(){
Alert(“还用你说”)
}
}
1、函数就是一个函数,调用方法直接fn()就好。2、是对象里的函数,调用方法obj.fn();
很多人有疑惑,有什么区别,有区别,如果这个obj是一个可接受动态参数的this呢,那么你就可以任意的使用这个对象了。
总结:1.函数是自由的,可以直接调用,没有父亲。方法也是函数,但他是属于一个对象的,他有父亲。
2.属性也是变量,跟方法一样,他是属于对象的。Ok。这样说,很多小朋友就该明白了哈,我文笔不是太好。慢慢理解哈。
面向对象的世界里有工厂模式,这里就不写了。因为一个致命的问题。他会导致性能下降,为什么呢?因为他每一次被使用就会生产一个新的函数,这样如果多了,会让内存溢出的。(如果你想了解更多,请q我。工厂方式,其实你经常写过。就是单纯的传参,套用。)
那么,坚持要写自己对象的小朋友怎么办?
有的。
用构造函数写属性
用原型方式写方法
构造函数首字母大写
哦买噶!看到高逼格的名字是不是瞬间就尿了。其实他们,真的很简单。
看代码:
function Gouzao(name,qq){ //用构造函数写属性
this.name=name,this.qq=qq;
}
Gouzao.prototype.names= function () { //用原型方式写方法
alert(this.name)
};
Gouzao.prototype.qqs= function () { //用原型方式写方法
alert(this.qq)
};
var a=new Gouzao("宋宇",289483936);
a.names();
a.qqs();
var b=new Gouzao('解松涛', 406842877);
b.names();
b.qqs();
如果是工厂模式,那么这两个方法是两个独立的函数,如果多了,就会让性能下降。
现在这个,他叫混合模式。
用构造函数写属性
用原型方式写方法
构造函数首字母大写
而prototype是给对象扩展用的,这里不再多说,随便百度一下就能知道哈。
关键知识:理解什么是对象。概念和构成。用法和写法。还有几种模式。
我们经常写的这种也有名字:
Var JSON={
“name”:”宋宇”,
“age”:”21岁”,
“sex”:“男”
}
JSON对象。一般给服务器提交数据的时候,我们用json格式提交。
Ok,以上就是我的基础对象的入门级专治懵逼小朋友的糟文。(大神请捂眼)
宋宇愿意告诉你更多。
我要谈对象之——JavaScript面向对象(1)的更多相关文章
- 再谈javascript面向对象编程
前言:虽有陈皓<Javascript 面向对象编程>珠玉在前,但是我还是忍不住再画蛇添足的补上一篇文章,主要是因为javascript这门语言魅力.另外这篇文章是一篇入门文章,我也是才开始 ...
- 浅谈javascript面向对象
我们常用的两种编程模式 POP--面向过程编程(Process-oriented programming) 面向过程编程是以功能为中心来进行思考和组织的一种编程方法,它强调的是系统的数据被加工和处理的 ...
- javascript面向对象系列第一篇——构造函数和原型对象
× 目录 [1]构造函数 [2]原型对象 [3]总结 前面的话 一般地,javascript使用构造函数和原型对象来进行面向对象编程,它们的表现与其他面向对象编程语言中的类相似又不同.本文将详细介绍如 ...
- 03.JavaScript 面向对象精要--理解对象
JavaScript 面向对象精要--理解对象 尽管JavaScript里有大量内建引用类型,很可能你还是会频繁的创建自己的对象.JavaScript中的对象是动态的. 一.定义属性 当一个属性第1次 ...
- 第五章 JavaScript对象及初识面向对象
第五章 JavaScript对象及初识面向对象 一.对象 在JavaScript中,所有事物都是对象,如字符串.数值.数组.函数等. 在JavaScript对象分为内置对象和自定义对象,要处理一些 ...
- javascript面向对象精要第三章对象整理精要
什么是对象的数据属性?什么是对象的访问器属性?[put]方法是默认创建数据属性的,访 问器属性不包含值而是定义了一个单属性被读取时调用的函数(getter)和当一个属性被写入时 调用的函数(sette ...
- Javascript面向对象编程(三):非构造函数的继承(对象的深拷贝与浅拷贝)
Javascript面向对象编程(三):非构造函数的继承 作者: 阮一峰 日期: 2010年5月24日 这个系列的第一部分介绍了"封装",第二部分介绍了使用构造函数实现&quo ...
- JAVAScript对象及初始面向对象
javaScript对象及初始面向对象 1:内置对象 例:Date String Array 类等... 2:自定义对象 方法1:var newObj=new Object(); ...
- JavaScript 面向对象的程序设计(一)之理解对象属性
首先,JavaScript 面向对象的程序设计,主要分三部分. 理解对象属性: 理解并创建对象: 理解继承. 本文主要从第一方面来阐述: 理解对象属性 首先我们来理解Javascript对象是什么?在 ...
随机推荐
- Windbg调试命令详解
作者:张佩][原文:http://www.yiiyee.cn/Blog] 1. 概述 用户成功安装微软Windows调试工具集后,能够在安装目录下发现四个调试器程序,分别是:cdb.exe.ntsd. ...
- 使用js实现点击按钮下载文件
有时候我们在网页上需要增加一个下载按钮,让用户能够点击后下载页面上的资料,那么怎样才能实现功能呢?这里有两种方法: 现在需要在页面上添加一个下载按钮,点击按钮下载文件. 题外话,这个下载图标是引用的 ...
- AngularJS基础知识1
一.angularJS简介 1.什么是 AngularJS? AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库.AngularJS是协助搭建单页面工程 ...
- CMake的一些使用
1. 使用QT加载CMake工程 打开QT,"文件"->"打开文件或项目"->选中CMakeLists.txt文件,出现对话框,单击下一步,点击&q ...
- CentOS7.2 创建本地YUM源和局域网YUM源
1背景 由于开发环境只有局域网,没法使用网上的各种YUM源,来回拷贝rpm包安装麻烦,还得解决依赖问题. 想着搭建个本地/局域网YUM源,方便自己跟同事安装软件. 2环境 [root@min-base ...
- [原创]-bash: iostat: command not found解决办法
[root@testhost ~]# iostat-bash: iostat: command not found IOSTAT 命令不可用,首先确认sysstat包是否安装,sysstat包中包括i ...
- Hadoop中Combiner的使用
注:转载自http://blog.csdn.net/ipolaris/article/details/8723782 在MapReduce中,当map生成的数据过大时,带宽就成了瓶颈,怎样精简压缩传给 ...
- 【进展】LL谱面存储方式的改善
今天得某位高人相助,获得了一堆LL里面的标准谱面文件,是json格式的.于是折腾了一下午加一晚上,总算让SLP正确解析了json格式的谱面.
- Android 回调接口是啥,回调机制详解(zhuan)
回调函数http://blog.csdn.net/a78270528/article/details/46918601 Android框架 android frame work: http://blo ...
- Node.js Express 框架 GET方法
GET 方法 以下实例演示了在表单中通过 GET 方法提交两个参数,我们可以使用 server.js 文件内的 process_get 路由器来处理输入: index.htm 文件代码如下: < ...