javascript对象(1)

今天说面向对象,嗯,不是那个对象,是这个对象。

接下来就开始今天的内容:

什么是面向对象:

  就是把数据及数据的操作方法放在一起,作为一个相互依存的整体----对象。对同类对象抽象出其共性,形成类。

  类中的大多数据,只能用本类的方法进行处理。类通过一个简单的外部接口与外界发生关系,对象与对象之间通过消息进行通信。程序流程由用户在使用中决定。

名词解释:

  基于对象:一切皆对象,以对象的概念来编程。

  面向对象编程:

    对象:就是人们要研究的事物,不仅能表示具体事物,还能表示抽象的规则,计划或事件。

       属性的无序集合,每个属性可以存一个值(原始值,对象,函数)

    对象的属性和行为:

       属性:用数据值来描述他的状态

       行为:用来改变对象行为的方法

    类:

       具有相同或相似的性质的对象的抽象就是类。对象的抽象,就是类。累的具体化就叫做对象。

说了面向对象,就说一下面向过程:

    自顶向下顺序执行,逐步求精;其程序结构是按功能划分为若干个基本模块,这些模块形成一个树状结构;各模块之间的关系尽可能简单,在功能上相对独立;

    每一模块内部均是由顺序、选择和循环三种基本结构组成;

    其模块化实现的具体方法就是使用程序。程序流程写在程序是就已决定。

说了这么多概念性的问题,还是有点模糊,下面来写相关对象的一届方法:

  1、创建对象

    (1)直接量

      不如创建一个狗狗的对象,代码如下:       

       var dog = {          //添加name属性  
                name : "Td",          //添加叫的方法
                say : function (){
                    document.write("汪汪汪");
                }
            }

    (2)工厂模式      

 1      <script>
 2             //用工厂模式,先要确定创建对象的属性和方法
 3             //列如:创建摩拜单车,先要确定其属性和方法
 4             //属性:名字   价钱  二维码   颜色  锁
 5             //方法 : 跑
 6             function createObj(name,price,code){
 7                 //创建对象
 8                 var obj = new Object();
 9                 obj.name = name;
10                 obj.price = price;
11                 obj.code = code;
12                 obj.color = "yellow";
13                 obj.run = function(){
14                     alert(this.name+"开始出发");
15                 }
16                 //在对象里,要使用对象的属性或方法,要用this.属性或this.方法。
17
18                  //返回对象
19                  return obj;
20             }
21             //调用工厂函数
22             var a = createObj("摩拜单车1",1,101);
23             var b = createObj("摩拜单车2",1,102);
24             var c = createObj("摩拜单车3",1,103);
25
26             a.run();
27
28             alert(a.name + "价钱" + a.price+"元");
29         </script>

    (3)构造函数

      

 1      <script>
 2             //构造函数   (又名   初始函数):用来创建对象的
 3
 4             //develop:开发
 5             //【注意】1、构造函数名   第一个字母     一定要    大写
 6             //      2、构造函数没有返回值
 7             //this : 表示当前, 指向的是自己本身
 8
 9             function Game(name,personCount,develop){
10                  this.name = name;
11                  this.personCount = personCount;
12                  this.develop = develop;
13                  this.play = function(){
14                      alert("我是"+this.name+"游戏"+"我的玩家数量是:"+this.personCount);
15                  }
16             }
17
18             //构造函数不返回对象是因为   关键字new
19             //new 关键字创建对象并返回对象
20             var Lol = new Game("Lol","1000万","拳头");
21             Lol.play();
22             var Cf = new Game("cf","3亿","三星");
23             Cf.play();
24             //instanceof 判断一个对象他父亲是谁
25             alert(Lol instanceof Game);
26             //Lol instanceof Game     true
27             //Lol instanceof Object   true
28
29         </script>

   说一下构造函数和工厂模式的区别:

        构造函数名首字母大写,与工厂模式区别开;

      构造函数内部使用this关键字;

      构造函数没有返回值,工厂模式需要返回值;

今天就这样,明天续更。。。。

时间: 2024-08-03 16:20:15

javascript对象(1)的相关文章

JavaScript 对象

JavaScript 中的所有事物都是对象:字符串.数值.数组.函数... 此外,JavaScript 允许自定义对象. JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 建 JavaScript 对象 通过 JavaScript,您能够定义并创建自己的对象. 创建新对象有两种不同的方法: 定义并创建对象的实例 使用函数来定义对象,然后创建新的对象实例

javascript对象简介

javascript对象可分为三大类: 1.javascript本地对象和内置对象 2.浏览器对象(BOM) 3.文档对象(DOM) 一:javascript内置对象 1.Array(数组对象) 2.Number(数字对象) 3.String(字符串对象) 4.Boolean(布尔对象) 5.Math(数学对象) 6.RegExp(正则对象) 7.Date(日期时间对象) 二:浏览器对象(BOM) 1.Window对象: 2.Screen对象:可以获取屏幕的信息 3.Navigator:可以获取

JavaScript对象--------------你又知道那些

今天我和大家带来的是JavaScript对象的一些属性和函数(方法),通过这些了解,我们又能做出那些页面效果呢,下面就来进行今天的主题. 1.完整的JavaScript是由ECMAScript.BOM(浏览器对象模型)和DOM(文档对象模型)构成的.示意图如下: 而window对象是整个BOM的核心,Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY,FRAMESET或FRAME元素时,都会自动建立window对象的实例.

javascript对象的一点理解

<script type="text/javascript"> /* js对象:对象的职责是调用属性和调用方法 */ //1.对象的创建的三种方式 var obj = {}; //常用且不会浪费空间 var obj = new Object(); //var obj = Object.create(); /* 第三种方式测试的时候有问题,百度下,发现 Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象. 参数: prototype 必需. 要用作

JavaScript对象之关联数组

Tip: 内容摘抄自<JavaScript权威指南>,看过该书的同学可以忽略本文. 存取一个对象的属性的方式: obj.attr; obj["attr"]; 两者最重要的区别就是前者的属性名是标示符,后者的属性名是一个字符串. 用"."运算符来存取一个对象的属性时,属性名是标示符,JavaScript程序中,标示符必须被逐字输入,它们不是一种数据类型,因此程序不能对他们进行操作. 用数组的概念"[]"来存取一个对象的属性时,属性名是用

15条规则解析JavaScript对象布局(__proto__、prototype、constructor)

大家都说JavaScript的属性多,记不过来,各种结构复杂不易了解.确实JS是一门入门快提高难的语言,但是也有其他办法可以辅助记忆.下面就来讨论一下JS的一大难点-对象布局,究竟设计JS这门语言的人当时是怎么做的?设计完之后又变成了什么? 我们来看一张图: 相信大家对这张图都不陌生了,构造函数有一个prototype属性指向其原型.相反原型也有一个constructor指向构造函数.与此同时实例也有一个constructor指向构造函数,这简直就是互相捆绑生怕找不到啊不是吗? 还有一个我们称之

如何判断Javascript对象是否存在

Javascript语言的设计不够严谨,很多地方一不小心就会出错. 举例来说,请考虑以下情况. 现在,我们要判断一个全局对象myObj是否存在,如果不存在,就对它进行声明.用自然语言描述的算法如下: if (myObj不存在){ 声明myObj; } 你可能会觉得,写出这段代码很容易.但是实际上,它涉及的语法问题,远比我们想象的复杂.Juriy Zaytsev指出,判断一个Javascript对象是否存在,有超过50种写法.只有对Javascript语言的实现细节非常清楚,才可能分得清它们的区别

javascript篇:javascript对象——Math

Math对象用于执行数学任务,无需创建它的实例: var mathPI = Math.PI; var myVal = Math.sqrt(4); Math对象的属性 E:返回算术常量e,约等于2.718 LN2:返回2的自然对数,约等于0.693 LN10:返回10的自然对数,约等于2.302 LOG2E:返回以2为底的e的对数,约等于1.414 LOG10E:返回以10为底的e的对数,约等于0.434 PI:返回圆周率,约等于3.14159 SQRT1_2:返回2的平方根的倒数,约等于0.70

javascript对象转化为基本数据类型规则

原文:Object-to-Primitive Conversions in JavaScript 对象转化为基础数据类型,其实最终都是用调用对象自带的valueOf和toString两个方法之一并获得其返回值,作为其基础数据类型. 基础数据类型包括这么几种:null, undefined, number, boolean, string 内部实现机制 但是什么时候调用valueOf,什么时候调用toString,却困惑了很长一段时间. var obj = { toString: function

JavaScript对象浅谈

JavaScript对象 对象 ECMA-262 把对象(object)定义为"属性的无序集合,每个属性存放一个原始值.对象或函数".严格来说,这意味着对象是无特定顺序的值的数组. 对象是属性和方法的无序集合 对象就是无序属性的集合 尽管 ECMAScript 如此定义对象,但它更通用的定义是基于代码的名词(人.地点或事物)的表示. 在JavaScript中,除了数字.字符串.布尔值.null.undefined这五种原始类型,之外的都是对象,也就是印证了"万物皆对象&quo