学习JavaScript笔记

简介: 学习JavaScript笔记

prototype 继承

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

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

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

JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾。

Date 对象, Array 对象, 以及 Person 对象从 Object.prototype 继承。

添加属性和方法

有的时候我们想要在所有已经存在的对象添加新的属性或方法。

另外,有时候我们想要在对象的构造函数中添加属性或方法。

使用 prototype 属性就可以给对象的构造函数添加新的属性:

实例

functionPerson(first, last, age, eyecolor){  this.firstName = first;   this.lastName = last;   this.age = age;   this.eyeColor = eyecolor;}Person.prototype.nationality = "English";



当然我们也可以使用 prototype 属性就可以给对象的构造函数添加新的方法:

实例

functionPerson(first, last, age, eyecolor){  this.firstName = first;   this.lastName = last;   this.age = age;   this.eyeColor = eyecolor;}Person.prototype.name = function(){  returnthis.firstName + "" + this.lastName;};

目录
相关文章
|
21天前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
34 0
|
3天前
|
自然语言处理 JavaScript 前端开发
[JS]同事看了我做的this笔记,直摇头,坦言:我还是参考启发博文吧
本文介绍了JavaScript中`this`关键字的重要性和使用规则。作者回顾了早期笔记,总结了`this`指向的各种情况,并分享了最新的理解。文章强调了`this`在不同上下文中的指向,包括对象方法、全局函数、箭头函数等,并提供了改变`this`指向的方法。适合JavaScript开发者参考。
12 2
|
27天前
|
JavaScript
js学习--制作猜数字
js学习--制作猜数字
35 4
js学习--制作猜数字
|
26天前
|
JavaScript
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
这篇文章介绍了如何将webpack的配置文件分离成开发环境和生产环境的配置文件,以提高打包效率。
42 1
webpack学习五:webpack的配置文件webpack.config.js分离,分离成开发环境配置文件和生产环境配置文件
|
27天前
|
JavaScript
js学习--制作选项卡
js学习--制作选项卡
35 4
|
26天前
|
JavaScript
js学习--商品列表商品详情
js学习--商品列表商品详情
14 2
|
26天前
|
JavaScript
js学习--九宫格抽奖
js学习--九宫格抽奖
15 2
|
26天前
|
JavaScript
js学习--开屏弹窗
js学习--开屏弹窗
31 1
|
26天前
|
JavaScript
js学习--抽奖
js学习--抽奖
12 1
|
26天前
|
JavaScript
js学习--隔行换色
js学习--隔行换色
28 1