javascript对象(1)
今天说面向对象,嗯,不是那个对象,是这个对象。
接下来就开始今天的内容:
什么是面向对象:
就是把数据及数据的操作方法放在一起,作为一个相互依存的整体----对象。对同类对象抽象出其共性,形成类。
类中的大多数据,只能用本类的方法进行处理。类通过一个简单的外部接口与外界发生关系,对象与对象之间通过消息进行通信。程序流程由用户在使用中决定。
名词解释:
基于对象:一切皆对象,以对象的概念来编程。
面向对象编程:
对象:就是人们要研究的事物,不仅能表示具体事物,还能表示抽象的规则,计划或事件。
属性的无序集合,每个属性可以存一个值(原始值,对象,函数)
对象的属性和行为:
属性:用数据值来描述他的状态
行为:用来改变对象行为的方法
类:
具有相同或相似的性质的对象的抽象就是类。对象的抽象,就是类。累的具体化就叫做对象。
说了面向对象,就说一下面向过程:
自顶向下顺序执行,逐步求精;其程序结构是按功能划分为若干个基本模块,这些模块形成一个树状结构;各模块之间的关系尽可能简单,在功能上相对独立;
每一模块内部均是由顺序、选择和循环三种基本结构组成;
其模块化实现的具体方法就是使用程序。程序流程写在程序是就已决定。
说了这么多概念性的问题,还是有点模糊,下面来写相关对象的一届方法:
1、创建对象
(1)直接量
不如创建一个狗狗的对象,代码如下:
var dog = {
//添加name属性
name : "Td",
//添加叫的方法
say : function (){
document.write("汪汪汪");
}
}
(2)工厂模式
<script>
//用工厂模式,先要确定创建对象的属性和方法
//列如:创建摩拜单车,先要确定其属性和方法
//属性:名字 价钱 二维码 颜色 锁
//方法 : 跑
function createObj(name,price,code){
//创建对象
var obj = new Object();
obj.name = name;
obj.price = price;
obj.code = code;
obj.color = "yellow";
obj.run = function(){
alert(this.name+"开始出发");
}
//在对象里,要使用对象的属性或方法,要用this.属性或this.方法。 //返回对象
return obj;
}
//调用工厂函数
var a = createObj("摩拜单车1",1,101);
var b = createObj("摩拜单车2",1,102);
var c = createObj("摩拜单车3",1,103); a.run(); alert(a.name + "价钱" + a.price+"元");
</script>
(3)构造函数
<script>
//构造函数 (又名 初始函数):用来创建对象的 //develop:开发
//【注意】1、构造函数名 第一个字母 一定要 大写
// 2、构造函数没有返回值
//this : 表示当前, 指向的是自己本身 function Game(name,personCount,develop){
this.name = name;
this.personCount = personCount;
this.develop = develop;
this.play = function(){
alert("我是"+this.name+"游戏"+"我的玩家数量是:"+this.personCount);
}
} //构造函数不返回对象是因为 关键字new
//new 关键字创建对象并返回对象
var Lol = new Game("Lol","1000万","拳头");
Lol.play();
var Cf = new Game("cf","3亿","三星");
Cf.play();
//instanceof 判断一个对象他父亲是谁
alert(Lol instanceof Game);
//Lol instanceof Game true
//Lol instanceof Object true </script>
说一下构造函数和工厂模式的区别:
构造函数名首字母大写,与工厂模式区别开;
构造函数内部使用this关键字;
构造函数没有返回值,工厂模式需要返回值;
今天就这样,明天续更。。。。
javascript对象(1)的更多相关文章
- json与JavaScript对象互换
1,json字符串转化为JavaScript对象: 方法:JSON.parse(string) eg:var account = '{"name":"jaytan&quo ...
- javaScript对象-基本包装类型的详解
本人按书上的内容大致地把javaScript对象划分成“引用类型”.“基本包装类型”和“内置对象”三块内容. 我们这篇先了解下基本包装类型的详细用法吧! 一.我们先解下相关概念: 1.引用类型的值(对 ...
- 如何理解javaScript对象?
在我们生活中,常常会提到对象一词,如:你找到对象了吗?你的对象是谁呀?等等. 在我们家庭中,有男友的女青年都会说我有对象了,那么她的对象是XX(她的男友). 夫妻间呢?都会说我的爱人是谁谁谁,现在我们 ...
- 简述JavaScript对象、数组对象与类数组对象
问题引出 在上图给出的文档中,用JavaScript获取那个a标签,要用什么办法呢?相信第一反应一定是使用document.getElementsByTagName('a')[0]来获取.同样的,在使 ...
- 深入理解javascript对象系列第二篇——属性操作
× 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对 ...
- Javascript对象的方法赋值
Javascript对象编程学习中,一直不能很好的掌握对象的属性(property)和方法(method).今天在写代码过程中,又犯了一个低级错误. <!DOCTYPE html> < ...
- web前端学习(二) javascript对象和原型继承
目录 1. JavaScrpt对象 2. 原型对象和继承 3. 对象的克隆 (1)javascript对象 在JS中,对象是属性的容器.对于单个对象来说,都由属性名和属性值构成:其中属性名需要是标识符 ...
- 如何判断Javascript对象是否存在
Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: ...
- JavaScript 对象、DOM对象、jquery对象的区别、转换详解
一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...
- 关于javascript对象的简单记忆法
关于javascript对象方法的简单记忆法(个人整理) string对象: 大号小号闪烁加链接./big/small/blink/link/ 粗体斜体打字删除线./bold/italics/fixe ...
随机推荐
- php中表单提交复选框与下拉列表项
在赶项目中,抽出半个小时来写篇博客吧,这个功能说实话不难,为什么要写呢,因为在复选框那里有小小的难点,我试了好多遍才试成功的,希望能为以后需要帮助的同学提供点思路. 先看一下我做的效果吧 就是给每个业 ...
- ajax返回json数据示例
前端发送请求与接收数据: $.ajax({ type : "post", url : "/queryStudent", ...
- c++ STL stack & queue
Stack 主要的方法有如下: empty() 堆栈为空则返回真 pop() 移除栈顶元素(不会返回栈顶元素的值) push() 在 ...
- JDK的并发容器
除了提供诸如同步控制,线程池等基本工具外,为了提高开发人员的效率,JDK已经为我们准备了一大批好用的并发容器,这些容器都是线程安全的,可以大大减少开发工作量.你可以在里面找到链表.Hash ...
- PHP平台CMS系统Drupal小试身手----安装教程
最近一直在研究基于Asp.Net MVC的CMS---Orchard,忽然新血来潮,看看多年不看的PHP平台的CMS,那好,就拿Drupal试试身手吧. 第一大招: 环境配置 + 安装. 1.环境配置 ...
- Natas Wargame Level 13 Writeup(文件上传漏洞,篡改file signature,Exif)
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqMAAADDCAYAAAC29BgbAAAABHNCSVQICAgIfAhkiAAAIABJREFUeF
- JQuery版评分控件
Hi All, 分享一个学习JQuery做的一个评分控件. 需求:当鼠标移动到 ‘☆’ 上时,该字符左边的 ‘☆’ 变成 '★',该字符右边仍然是 ‘☆’, 并显示相应星星数的评价结果:当鼠标推出 ‘ ...
- springboot 1.5.2 集成kafka 简单例子
添加依赖 compile("org.springframework.kafka:spring-kafka:1.1.2.RELEASE") 添加application.propert ...
- 移动端web解决方案
范畴 移动端web浏览器.至少需要适配的,UC,QQ,各手机内置浏览器,chrome,safari. 是不是觉得和PC端差不多?错了!每款同一版本ios的内置浏览器一样.但每款同一版本android的 ...
- VR全景,零售业冬天里的一把火——全景智慧城市
对今天的中国来说,寻找经济转型的突破口,寻找经济权力的新霸主,零售业应该当仁不让. 零售业正在经历一场脱胎换骨的改造.一方面零售额达到前所未有的水平,另一方面,传统零售商也面临诸多挑战,其中之一,便是 ...