• 小结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>

    //故打印出来的是一个

  • 相关阅读:
    nginx 通过状态码判断url该怎么走
    php报错大全
    带有空格的字符串传给脚本当参数
    shell 命令行参数
    将图片画到canvas 上的几种方法(转)
    JS 中document.write()的用法和清空的原因浅析(转)
    网页调试js时,如何知道某个事件对应哪段js代码?
    格式化JS代码
    js new到底做了什么?如何重写new?(转)
    理解javascript中的立即执行函数(function(){})()(转)
  • 原文地址:https://www.cnblogs.com/hualishu/p/7064271.html
Copyright © 2020-2023  润新知