• 小结javaScriptOOP的对象内容点


    1. 我们首先需要了解对象是什么?

    对象是是包含相关属性和方法的集合体。

    创建对象

    自定义对象 内置对象

    基于Object对象的方式创建对象

    通过.添加属性和方法

    var flower=new Object();

    flower.name="长春花";

    flower.genera="夹竹桃科 长春花属";

    flower.area="非洲、亚热带、热带以及中国大陆的华东、西南、中南等地";

    flower.uses="观赏或用药等";

    flower.showName=function(){  /执行方法函数

    alert(this.name);

    }

    flower.showName(); //调用构造方法

      梨子3

    //创建的这个空模板为了给原型对象赋值

    function Flower(){

    }

    Flower.prototype.name="红果果";
    Flower.prototype.area="绿跑跑";


    Flower.prototype.Show=function(){

    alert(this.name);

    };

    var flag=Flower.prototype.construtor==Flower();

    将构造函数的作用域赋给新对象(this就指向了这个新对象)
    alert(flag);


    var falg1=new Flower();
    falg1.Show();

    if(falg1.__proto__==Flower.prototype){
    alert("=======");

    }

    </script>

    使用字面量赋值方式创建对象

    var flower={ name:"长春花", genera:"夹竹桃科 长春花属", area:"非洲、亚热带、热带以及中国大陆的华东、西南、中南等地", uses:"观赏或用药等", showName:function(){ alert(this.name); } } flower.showName();

    注意点:

    //定义一个构造函数开头都是大写,

    实现思路

    使用new创建对象folower

    var folower=new Object();
    通过.来添加属性
    folower.name="vgbhnj";
    folower.area="cfvgbhnjfgtyh";

    folower.Show=function(){
    alert(folower.name);
    alert(folower.area);

    };

    folower.Show();//调用构造,执行方法

    //子类调用父类的方法调用
    hunman.call(this);

    function hunman(){
    this.sport=["baseBall","jklf","fgn"];
    //给父类赋值

    }
    function Man(){
    //子类调用父类的方法调用
    hunman.call(this);

    }

    子类圆形继承父类原型
    Man.prototype=new hunman();

    var jk=new Man();//因为他们继承了,就能用父类的方法 pash(”第三方“);
    jk.sport.push("rty");

    alert(jk.sport);

    var jks=new Man();

    alert(jks.sport);

    </script>

    //故打印出来的是一个

  • 相关阅读:
    编码和解码总结
    编码和解码程序例
    IO流字节流输入输出格式
    递归经典题
    ArrayList去重
    集合
    接口文档
    Vue项目零碎知识(全局js,css配置,element-UI,bs使用, img动态配置,js数组)
    djang项目中的疑问及解决办法(ValueError: Invalid model reference 'apps.user.User'. String model references must be of the form 'app_label.ModelName'.)
    Django项目中出现的错误及解决办法(ValueError: Dependency on app with no migrations: customuser)
  • 原文地址:https://www.cnblogs.com/hualishu/p/7064271.html
Copyright © 2020-2023  润新知