javaScript面向对象

2016-09-12  本文已影响0人  爱琴宝

面向对象:(万物皆是对象。) js中每个对象都是一个自成一体的实体。内部包含一个或多个 相关的变量和函数分别叫做属性和方法。

引用类型: 数组 函数 对象 存储的是 地址

基本数据类型:字符串 数值 Bool; 存储的是值。
面向对象:
编程语言: 包含类和对象,三个特征: 封装,多态 ,继承。
编程思想:构造函数。(相当于js中的类)
对象其实就是一种引用类型,而对象的值就是引用类型的实例,在js中引用类型是一种数据结构,将数据和功能组织再一起,他常常被称为类,而js中没有类的概念,虽然js是一门面向对象的语言,却不具备传统面向对象语言所支持的类和接口等基本结构。

(1)直接创建对象(包括增删改查)
<script type="text/javascript">
 //创建一个空对象
 var per1 = new Object();
 //把对象所需要的属性或者方法添加进去
 per1.name = "女神";
 per1.gender= "女"
 console.log(per1.gender);
 console.log(per1.name);
 //给对象添加方法(函数);
 per1.manager = function(){ //对象下的方法。
 //用匿名函数 调用的时候直接可以用自定义对象的方法即可。
 alert("别说话,吻我");
 }
 per1.manager(); //调用对象下的方法
 //删除对象中的属性:delete+对象的属性名
 delete per1.name;
 console.log(per1.name);   得到的结果是undefined;
 //函数/方法 当函数属于一个对象时,该函数就是这个对象下的一个方法,通过方法名来调用函数。
 //属性 /变量 当变量属于某一个属性时,该变量就是这个对象下的一个方法,通过对象下的属性名来调用变量。 
 console.log(person.name);
 console.log(person.age);
 person.manager();
 //创建第二个对象
 var per2 = new Object;
 per2.name = "老宋"
 per2.age = 24;
 per2.gender = "男";
 per2.hobby = "女";
 // 通过.开访问对象属性
 //还可以通过[]来访问对象的属性。 遍历属性时 使用。
 console.log(per2["name"]); // []中必须是属性字符串或者保存属性字符串的变量
 //遍历对象的属性 for...in.....获取对象的属性。
 for(var property in per2){ //property:属性名
 }
 </script>```

(2)JSON 法创建对象(使用字面量创建)

//使用字面量创建js对象
var person ={
name: "黄琴",
age: "18",
anager: function(){
console.log("别说话,吻我" );
}
}
for(var property in person){ // 遍历每一个属性
console.log(property+"="+person[property]);
}
</script>```
(3)工厂模式的方法创建对象

<script type="text/javascript">
 //通过构造函数创建js对象???
 //1 创建出对象的构造函数 (定义构造函数)
 function CreatPerson(name,age,hobby){
 //1.1 创建一个新对象
 //var person = new Object(); //new 构造函数
 var person = { //字面量创建
 // 1.3 给新对象添加属性和方法
 name:name,
 age: age,
 hobby:hobby,
 sayhi:function(){
 alert('你好');
 }
 }
 // 1.3把创建好的对象返回出去
 return person; 
 }
 // 2 调用函数
 var per1 = CreatPerson("张三",23,"足球");
 console.log(per1);
 per1.sayhi();
 var per2 = CreatPerson("李四",23,"篮球");
 console.log(per2 instanceof CreatPerson); //检测某个对象是不是另一个对象。 false
 console.log(per2); 
 </script>

创建对象:
1.工厂模式:用函数来封装以特定的接口创建对象的细节。
instanceof 检测不出创建的对象是不是构造函数的对象 返回值:false;不是构造函数创建出来的对象
缺点:没有解决对象识别的问题,
(最好运用传参的方式)
调用函数的时候传递参数。
2.new+构造函数模式:(构造函数始终都是应该以一个大写字母开头,而非构造函数则应该以一个小写字母为开头。)
构造函数创建的步骤。
创建一个新的对象,
将构造函数的作用域赋给新对象(因此this就指向了这个新对象)
为这个新对象添加属性。
返回新的对象。instanceof 可以检测出对象的类型; 如果是对象返回值为true;不是对象返回值为false;

构造函数和工厂模式不同:
没有显示的创建对象;
直接降属性和方法赋给了this对象。
没有return语句。
构造函数始终都是应该以一个大写字母开头,而非构造函数则应该以一个小写字母为开头。

上一篇下一篇

猜你喜欢

热点阅读