四时宝库

程序员的知识宝库

JavaScript 面向对象的基础(javascript面向对象编程指南)

什么是对象

什么是收音机

对象是一个整体,对外提供一些操作

什么是面向对象

使用对象时,只关注对象提供的功能,不关注其内部细节 比如JQuery

面向对象是一种通用思想,并非只有编程中能用,任何事情都可以用

面向对象编程(OOP)的特点

抽象:抓住核心问题

封装:不考虑内部实现,只考虑功能使用

继承:从已有对象上,继承出新的对象

多重继承

多态

对象的组成

属性——变量:状态、静态的

方法——函数:过程、动态的

PHP里边, 是从一个类里边获得一个具体对象。

Javascript里边, 没有类的概念, 可以直接创建一个对象(或通过函数)出来, 对象可以有默认成员, 后期也可以给对象丰富成员出来。



1. 创建对象

①字面量方式创建

②构造函数创建对象

③Object方式创建对象

实例1:

<script type="text/javascript">
//① 字面量方式创建对象
//var 对象名称 = {成员名称:成员值,成员名称:成员值,成员名称:成员值.....}
var obj = {};
document.write(obj); //Object {}
var cat = {name:'kitty',"leg":4, climb:function(){console.log('在爬树')}};
document.write(cat);//Object { name="kitty", leg=4, climb=function()}
//对象访问成员: 对象.名称 或 对象[名称]
document.write(cat.name);//kitty
document.write(cat.leg);//4
cat["climb"](); //在爬树
cat.climb(); //在爬树
//对象丰富成员: 对象.名称=值 或 对象[名称]=值
obj.color = "yellow";
obj.say = function(){console.log('旺旺');}
document.write(obj);//Object { color="yellow", say=function()}
</script>

实例2:

<script type="text/javascript">
//② 构造方法方式创建对象
//PHP: $obj = new 类(参数,参数);//自动执行构造方法
//JavaScript: var obj = new 函数();
function Animal(addr){
//给实例化的对象设置一些默认成员
//通过this声明的成员在new 实例化对象的时候会转变为对象默认成员
this.address = addr;
this.weight = 130;
this.color = 'black';
this.hobby = function(){
return '呼呼睡觉';
}
}
//类/函数是对象的构造器
var pig = new Animal('荷兰');
document.write(pig);//Animal { weight=130, color="black", hobby=function()} 表示对象构造器是Animal
</script>

实例3:

<script type="text/javascript">
//③ Object方式创建对象
//以下字面量方式创建的对象, 其构造器是Object
//其是一种简便方式创建对象, 是对"构造方法方式"的封装
//var dog = {name:'大黄'};
//document.write(dog);//Object { name="大黄"}
var cat = new Object();
cat.name = "kitty";
document.write(cat);//Object { name="kitty"}
</script>

对象和JSON的区别

JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式, JS对象表示法。

JSON是JS对象的严格子集。

区别就是引号:JSON要求所有的键都必须加引号, 而JS对象实际上不要求加引号。

这是一个标准的JSON:

var obj = {
"name" : "小明",
"age" : 12,
"sex" : "男"
}

实际上不加引号也合法:

var obj = {
name : "小明",
age : 12,
sex : "男"
}

为什么JSON规定要加上引号呢? 因为JSON是一个数据交互格式, 它是前端和PHP、Java等后台语言的信息交换媒介, 后台工程师可以从数据库得到数据, 组建JSON,

前台通过Ajax拿到这个JSON之后, 解析JSON渲染页面。


所以是其他语言要求这个JSON有引号, 否则其他语言会报错, 不是JS要求的, JSON天生为通信而生!!

但是, 有一种必须加引号, 就是不符合命名规范的键名, 必须加引号, 否则报错。

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接