Luke's home Luke's home
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Luke xiao

K
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • javascript

    • 基础知识
    • 进阶知识

    • 函数

    • JS HTML DOM

    • JS 高级教程

      • JavaScript prototype(原型对象)
        • 定义
        • prototype 继承
          • 添加属性和方法
      • Number对象
      • 字符串属性和方法
      • JavaScript Date(日期) 对象
      • JavaScript Array(数组) 对象
      • JavaScript Math(算数) 对象
    • 浏览器BOM

    • HTML5新特性

    • CSS3新特性

  • 布局

  • less

  • js库

  • 前端
  • javascript
  • JS 高级教程
lukexiao
2021-05-04

JavaScript prototype(原型对象)

# 定义

prototype就是一个原型对象,所有的对象都是继承它

function Person(first, last, age, eyecolor) {    //Person是一个对象,
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
Person.nationality = "English";//这样的语法是不可以添加属性的

1
2
3
4
5
6
7
8
function Person(first, last, age, eyecolor) {      //这样才可以添加新的属性,不过是不是太麻烦了,但我们可以在prototype中添加
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
  this.nationality = "English";
}
1
2
3
4
5
6
7

# prototype 继承

所有的 JavaScript 对象都会从一个 prototype(原型对象)中继承属性和方法:

  • Date 对象从 Date.prototype 继承。
  • Array 对象从 Array.prototype 继承。
  • Person 对象从 Person.prototype 继承。

所有 JavaScript 中的对象都是位于原型链顶端的 Object 的实例。

# 添加属性和方法

function Person(first, last, age, eyecolor) {
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
}
 
Person.prototype.nationality = "English";    //就是这么简单
Person.prototype.name = function() {
  return this.firstName + " " + this.lastName;
};
1
2
3
4
5
6
7
8
9
10
11
编辑 (opens new window)
上次更新: 2021/08/13, 23:21:49
Dom节点列表
Number对象

← Dom节点列表 Number对象→

最近更新
01
流式布局
08-13
02
flex布局
08-13
03
rem布局
08-13
更多文章>
Theme by Vdoing | Copyright © 2021-2021 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式