zoukankan      html  css  js  c++  java
  • 吴裕雄--天生自然 JAVASCRIPT开发学习:prototype(原型对象)

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <h2>JavaScript 对象</h2>
    
    <p id="demo"></p>
    
    <script>
    function Person(first, last, age, eye) {
      this.firstName = first;
      this.lastName = last;
      this.age = age;
      this.eyeColor = eye;
    }
    
    var myFather = new Person("John", "Doe", 50, "blue");
    var myMother = new Person("Sally", "Rally", 48, "green");
    
    document.getElementById("demo").innerHTML =
    "我的父亲年龄是 " + myFather.age + "。我的母亲年龄是 " + myMother.age; 
    </script>
    
    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <h2>JavaScript 对象</h2>
    
    <p>你无法给构造函数添加新的属性。</p>
    
    <p id="demo"></p>
    
    <script>
    function Person(first, last, age, eye) {
      this.firstName = first;
      this.lastName = last;
      this.age = age;
      this.eyeColor = eye;
    }
    
    Person.nationality = "English";
    
    var myFather = new Person("John", "Doe", 50, "blue");
    var myMother = new Person("Sally", "Rally", 48, "green");
    
    document.getElementById("demo").innerHTML =
    "我父亲的国籍是 " + myFather.nationality; 
    </script>
    
    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <h2>JavaScript 对象</h2>
    
    <p id="demo"></p>
    
    <script>
    function Person(first, last, age, eye) {
      this.firstName = first;
      this.lastName = last;
      this.age = age;
      this.eyeColor = eye;
      this.nationality = "English";
    }
    
    var myFather = new Person("John", "Doe", 50, "blue");
    var myMother = new Person("Sally", "Rally", 48, "green");
    
    document.getElementById("demo").innerHTML =
    "我父亲的国籍是 " + myFather.nationality + "。我母亲的国籍是 " + myMother.nationality;
    </script>
    
    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <h2>JavaScript 对象</h2>
    
    <p id="demo"></p>
    
    <script>
    function Person(first, last, age, eye) {
      this.firstName = first;
      this.lastName = last;
      this.age = age;
      this.eyeColor = eye;
    }
    
    Person.prototype.nationality = "English";
    
    var myFather = new Person("John", "Doe", 50, "blue");
    document.getElementById("demo").innerHTML =
    "我父亲对国籍是 " + myFather.nationality; 
    </script>
    
    </body>
    </html>

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    </head>
    <body>
    
    <h2>JavaScript 对象</h2>
    
    <p id="demo"></p>
    
    <script>
    function Person(first, last, age, eye) {
      this.firstName = first;
      this.lastName = last;
      this.age = age;
      this.eyeColor = eye;
    }
    
    Person.prototype.name = function() {
      return this.firstName + " " + this.lastName
    };
    
    var myFather = new Person("John", "Doe", 50, "blue");
    document.getElementById("demo").innerHTML =
    "我对父亲是 " + myFather.name(); 
    </script>
    
    </body>
    </html>

  • 相关阅读:
    使用PowerDesigner 15对现有数据库进行生成图表结构
    dynamic的使用
    js 字符串的replace() 方法和实现replaceAll() 方法
    学习新属性 requestAnimationFrame
    Mapbox 地图样式规范
    Emmet插件使用方法总结
    js循环遍历性能
    lunix部署其前端项目常见报错
    componentWillMount和componentDidMount的区别
    控制浏览器禁止缓存
  • 原文地址:https://www.cnblogs.com/tszr/p/10944468.html
Copyright © 2011-2022 走看看