美文网首页
javaScript面向对象

javaScript面向对象

作者: 爱琴宝 | 来源:发表于2016-09-12 20:35 被阅读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语句。
    构造函数始终都是应该以一个大写字母开头,而非构造函数则应该以一个小写字母为开头。

    相关文章

      网友评论

          本文标题:javaScript面向对象

          本文链接:https://www.haomeiwen.com/subject/rvopettx.html