一、面向对象

  • 面向过程:凡事亲力亲为,每件事的具体过程都要知道,注重过程
  • 面向对象:根据需求寻找对象,所有的事都用对象来做,注重结果
  • 面向对象特性:封装、继承、多态(抽象性)
  • js是一门基于对象的语言:js不是面向对象的语言,但是可以模拟面向对象的思想
  • 对象是定义:有特征和行为,具体特指某一事物

二、创建对象的方法

1. 调用系统的构造函数创建对象

       var obj=new Object();//关键词Object,大写首字母
obj.name="小明";
obj.age=20;
obj.sex="男";
obj.play=function(){
console.log("我在玩游戏");
};
obj.showName=function(){
console.log("我叫"+this.name)
}
console.log(obj.name);//小明
console.log(obj.age);//
console.log(obj.sex);//男
obj.play();//我在玩游戏
obj.showName();//我叫小明
  • 这种方法通过new关键字生成一个对象,然后根据JavaScript是动态语言的特性来添加属性和方法,构造一个对象。
  • 在当前的对象的方法中,可以使用this代替当前对象
  • 这种方法的问题在于:如果我们需要多次创建对象,那么就需要重复代码多次,不利于代码的复用。

2.工厂模式:一次性创建多个对象——工厂模式创建对象:利用函数封装起来,后面调用

  • 原始版本
        function creatObj(){
var obj= new Object();
obj.name="关羽";
obj.age=30;
obj.showName=function(){
console.log("我叫"+this.name);
};
obj.showAge=function(){
console.log("我今年"+this.age);
};
return obj;
}
var obj1=creatObj();
var obj2=creatObj();
obj1.showName();//我叫关羽
obj1.showAge();//我今年30
obj2.showName();//我叫关羽
obj2.showAge();//我今年30

这种方法虽然也实现了创建对象,但是同样地,如果需要多次创建对象,而且属性内容不一样的话,也是需要重复代码多遍。需要重新考虑代码重用率,接下来修改代码,使其可以提高代码重复率,而且可以改变工厂方法,传入参数赋值。

  • 改进版本

        function creatObj(name,age){
var obj= new Object();
obj.name=name;
obj.age=age;
obj.showName=function(){
console.log("我叫"+this.name);
};
obj.showAge=function(){
console.log("我今年"+this.age);
};
return obj;
}
var obj1= new creatObj("刘备",32);
var obj2= new creatObj("关羽",30);
obj1.showName();//我叫刘备
obj1.showAge();//我今年32
obj2.showName();//我叫关羽
obj2.showAge();//我今年30

这种方法虽然可以提高代码的重用率,但和面向对象中类的概念相比,有一个很大的缺陷。

面向对象强调对象的属性私有,但对象的方法是共享。而上面的工厂方法在创建对象时,要为每个对象创建各自私有的方法。

同时,由于为每个对象都创建逻辑相同的方法,所以很浪费内存。

  • 最终版本

       function creatObj(name,age){
var obj= new Object();
obj.name=name;
obj.age=age;
obj.showName=showName;
obj.showAge=showAge;
return obj;
}
showName=function(){
console.log("我叫"+this.name);
};
showAge=function(){
console.log("我今年"+this.age);
};
var obj1=new creatObj("刘备",32);
var obj2=new creatObj("关羽",30);
obj1.showName();//我叫刘备
obj1.showAge();//我今年32
obj2.showName();//我叫关羽
obj2.showAge();//我今年30

上面通过定义几个函数对象,解决了不同对象持有函数对象的私有问题。现在所有对象的方法都持有上面两个函数的引用。

但是这么一来,对象的函数和对象又相互独立,这和面向对象中特定方法属于特定类的思想不符合。

3.自定义构造函数创建对象(结合第一种和需求,通过工厂模式创建)

         function Person(name,age){
this.name=name;
this.age=age;
this.showName=function(){
console.log("我叫"+this.name);
};
this.showAge=function(){
console.log("我今年"+this.age);
};
};
var obj1=new Person("刘备","32");
var obj2=new Person("关羽","30");
obj1.showName();//我叫刘备
obj1.showAge();//我今年32
obj2.showName();//我叫关羽
obj2.showAge();//我今年30
  • 构造函数的方法和工厂方法一样,会为每个对象创建独享的函数对象。当然也可以将这些函数对象定义在构造函数外面,这样有了对象和方法相互独立的问题。
  • 使用构造函数存在的最大问题就是每个实例都会将所有的属性创建一次。这个对于数值属性来说可以接受,但是如果函数方法每个实例都要创建一遍,则不合理。
  • 自定义构造函数:  没有var、没有返回值、用this代替当前对象
  • 要创建Person()的新实例,必须使用new操作符。
  • 构造函数和函数的区别:构造函数的名字首字母一般大写
  • 自定义构造函数创建对象做了四件事:
    • 在内存中开辟(申请)空间,存储新的对象
    • 把this设置新的对象
    • 设置对象的属性和方法的值
    • 把this这个对象返回

4.字面量创建对象

      var obj={
name:"刘备",
age:32,
height:"180cm"
}
console.log(obj.name);//刘备
console.log(obj.age);//
console.log(obj.height);//180cm
console.log(obj instanceof Object);//true
  • 字面量创建的对象的缺陷:一次性的对象
  • 注意属性与属性之间用逗号,不是分号

三、一些结论

1.如何获取该变量(对象)是不是属于什么类型?

  • 语法: 变量 instanceof  类型的名字  -------布尔类型,输出是true或者false
  • 类型的名字首字母大写
       var obj={
name:"张飞",
age:32,
};
console.log(obj instanceof Object);//true

2.对象是一组有序属性的集合,属性的值可以是任意的类型

3.点语法:没有什么就点什么,可以设置和获取和获取对象属性

      var obj={
name:"刘备",
age:32,
};
obj.height="180cm";//添加height属性
console.log(obj.name);//刘备
console.log(obj.age);//
console.log(obj.height);//180cm

4.设置和获取属性的另外一种方法是通过[ "   " ],必须有双引号

       var obj={
name:"关羽",
age:"30",
};
obj["height"]="190cm";//添加height属性
console.log(obj["name"]);//关羽
console.log(obj["age"]);//
console.log(obj["height"]);//190cm

5.Json

      var obj={
"name":"刘备",
"age":"32",
"height":"180cm"
}
  • json格式的数据,一般都是成对的,键值对的形式
  • json也是一个对象,数据无论是键还是值都是用双引号括起来的
  • json不能通过for循环遍历,因为是无序的,但是可以通过for……in 循环遍历
      var json={
"name":"某某",
"age":"18",
"height":"180cm"
}
//通过点语法和[]访问
console.log(json.name);//某某
console.log(json["age"]);//
//定义一个变量
var key="age";
console.log(json[key]);//
//推出使用for...in循环遍历
for(var key in json){
console.log(key);//name age height
console.log(json[key]);//某某 18 180cm
console.log(json.key);//undefined 因为点语法会添加一个key属性,而没有值
}

6.数据类型

  • 原始数据类型:Number、String、Boolean、undefined、null、Object
  • 基本类型(简单类型、值类型):Number、String、Boolean
  • 复杂类型(引用类型):Object
  • 空类型:undefined、null
  • 值类型在栈中存储,引用类型在堆和栈上存储-----对象在堆存储,对象的地址在栈存储
  • 值类型传递的是值,引用类型传递的是地址(引用)
 //例1:
var obj={
name:"李白"
};
function f2(obj2){
obj2.name="韩信";
}
console.log(obj.name);//李白
f2(obj);
console.log(obj.name);//韩信
 //例2:

        var num=50;
function f1(num){
num=60;
console.log(num);//
}
f1(num);
console.log(num);//
 //例3:
var num1=55;
var num2=66;
function f1(num,num1){
num=100;
num1=100;
num2=100;
console.log(num);//
console.log(num1);//
console.log(num2);//
}
f1(num1,num2);
console.log(num1);//
console.log(num2);//
console.log(num);//报错
  //例4:
function Person(name,age,salary){
this.name=name;
this.age=age;
this.salary=salary;
}
function f1(person){
person.name="张三";
person=new Person("李四",18,10);
}
var p=new Person("赵六",18,1000);
console.log(p.name);//赵六
f1(p);
console.log(p.name);//张三

对象(面向对象、创建对象方式、Json)的更多相关文章

  1. js中面向对象(创建对象的几种方式)

    1.面向对象编程(OOP)的特点: 抽象:抓住核心问题 封装:只能通过对象来访问方法 继承:从已有的对象下继承出新的对象 多态:多对象的不同形态 一.创建对象的几种方式 javascript 创建对象 ...

  2. 用面向对象的方式操作 JSON 甚至还能做四则运算 JSON 库

    前言 在之前实现的 JSON 解析器中当时只实现了将一个 JSON 字符串转换为一个 JSONObject,并没有将其映射为一个具体的 struct:如果想要获取值就需要先做断言将其转换为 map 或 ...

  3. 【原创整理,基于JavaScript的创建对象方式的集锦】

    以下4种方式,是我在项目中最常见的JavaScript的面向对象的方式的开发. 测试一般在微软的工具:http://www.typescriptlang.org/Playground 进行测试,或者使 ...

  4. Lua和C++交互 学习记录之九:在Lua中以面向对象的方式使用C++注册的类

    主要内容转载自:子龙山人博客(强烈建议去子龙山人博客完全学习一遍) 部分内容查阅自:<Lua 5.3  参考手册>中文版 译者 云风 制作 Kavcc vs2013+lua-5.3.3 在 ...

  5. js中json法创建对象(json里面的:相当于js里面的=)

    js中json法创建对象(json里面的:相当于js里面的=) 一.总结 json里面的:相当于js里面的= 4.json创建js对象解决命名冲突:多个人为同一个页面写js的话,命名冲突就有可能发生, ...

  6. php 面向对象的方式访问数据库

    <body> <?php //面向对象的方式访问数据库 //造对象 $db = new MySQLi("localhost","root",& ...

  7. PHP中将对数据库的操作,封装成一个工具类以及学会使用面向对象的方式进行编程

    <?php class SqlTool { //属性 private $conn; private $host="localhost"; private $user=&quo ...

  8. Java Object 对象创建的方式 [ 转载 ]

    Java Object 对象创建的方式 [ 转载 ] @author http://blog.csdn.net/mhmyqn/article/details/7943411 显式创建 有4种显式地创建 ...

  9. day4-1深入理解对象之创建对象

    深入理解对象 之创建对象: 工厂模式: 工厂模式虽然解决了创建\多个相似对象的问题,但却没有解决对象识别的问题(即怎样知道一个对象的类型) 工厂模式问题:那就是识别问题,因为根本无法 搞清楚他们到底是 ...

  10. Javascript面向对象——创建对象、构造函数的原型

    Javascript面向对象--创建对象.构造函数的原型 其实:JavaScript中的创建类,就是创建一个构造函数,在创建对象时用到new这个关键字, 一.创建对象 1.函数创建对象 functio ...

随机推荐

  1. python—各种常用函数及库

    列表list1.append(x)         将x添加到列表末尾 list1.sort()                对列表元素排序 list1.reverse()            将 ...

  2. (详细)Eclips+jsp+servlet+mysql+登录实例+源代码

    欢迎任何形式的转载,但请务必注明出处. 该教程较全,从软件的安装以及相关的环境配置我都放置了相关教程的链接,读者可直接点击进入.自己写电商网站作业时查找了很多资料,但都不是很全,所以趁着寒假写了这份教 ...

  3. 前端编译原理 笔记 -- BISON

    前面总结的差不多了,这边记录下,零碎的相关阅读可以备忘的一些知识点 Bsion文档,下面是中文的地址  https://blog.csdn.net/chinamming/article/details ...

  4. 在pivotal cloud foundry上申请账号和部署应用

    Created by Wang, Jerry, last modified on Jul 04, 2016 URL: http://run.pivotal.io/ maintain your mobi ...

  5. flask-sqlalchemy使用及数据迁移

    flask-sqlalchemy是flask框架在sqlalchemy基础上改造的一个orm框架 现在有两个实体Article文章和Category分类 一个分类下可能有多篇文章 相关示例: 项目相关 ...

  6. Linux 非互联网环境安装依赖包

    1 介绍 有的生产环境是没有网络的,我们部署rpm包的时候会出现缺少很多rpm包的依赖问题,都去网上下载实在太麻烦,今天介绍一个办法可以解决这一问题. 2 解决方案 找一台可以联网的机器,在上边下载相 ...

  7. 前端BOM对象

    location.href 查看当前的url location.href http://www.baidu.com 跳转URL location.reload 重载当前页面 windows.alert ...

  8. [ansible-playbook]4 持续集成环境之分布式部署利器 ansible playbook学习

    3 ansible-play讲的中太少了,今天稍微深入学习一点 预计阅读时间:15分钟 一: 安装部署 参考 http://getansible.com/begin/an_zhuang_ansile ...

  9. Python语言程序设计:Lab4

    Programming 1.Analysing a Text File Look at the file xian_info.txt which is like this: Xi'an China 8 ...

  10. redis windows安装与liunx安装

    windows安装redis 2.把安装包放在Linux文件系统下,利用WinSCP工具 3.解压缩 tar -zxf redis-4.0.2.tar.gz 4.切换到解压后的目录 cd redis- ...