javascript对象和原型对象学习笔记

niceforbear 发布于2019-08-21 17:39 / 1519人阅读

摘要：例例通过原型链来检测对象所调用的方法是否存在，存在在哪个原型对象上除了在对象对象中存在外，其他方法都是通过原型链的方法在上找到并调用。

前言

学习了解JavaScript对象的继承机制

JavaScript Object 概念

Object是js的基本数据结构的一种，属于引用类型。

对象的创建方法

对象字面量写法

构造函数，通过构造函数来创建对象实例

Object()构造函数

create()方法

// 对象字面量
let person1 = {name: "jim"}; 
// 构造函数
function Person(name) {
    this.name = name;
    this.greeting = function() {
        console.log("hello my name is " + this.name);
    }
}
let person2 = new Person("Bob");
console.log(person2.name);
console.log(person2.greeting());
// Object() 方法
let person3 = new Object();
person3.name = "kobe";
console.log(person3.name);
person3 = new Object({
    name: "kobe2",
    age: 22
});
console.log(person3.name);
// create() 方法 类似构造函数 
let person4 = Object.create(person3);
person4.name = "kobe3";
console.log(person4.name,person3.name);

对象属性的访问方式

点表示法

中括号表示法

let person = {
    name: "xiaofei",
    age: 20
}
console.log(person.name);
console.log(person["age"]);

__proto__、[[prototype]]、prototype

JavaScript对象通过原型机制从其他对象继承功能特性

每个对象有一个私有属性[[prototype]]，这个私有属性持有一个连接到另一个称为其prototype对象（原型对象）的链接。

__proto__是浏览器对ES语法[[prototype]]的实现api

prototype属性指向的对象就是实例对象的原型对象即__proto__所指引的对象

原型链，原型对象也可能拥有原型，并从中继承方法和属性，一层一层、以此类推。这种关系常被称为原型链 (prototype chain)，它解释了为何一个对象会拥有定义在其他对象中的属性和方法。

例1

例2 通过原型链来检测对象所调用的方法是否存在，存在在哪个原型对象上

person1除了name,age在对象对象中存在外，其他方法都是通过原型链的方法在Object上找到并调用。

GPU云服务器云服务器 javascript类和对象 javascript学习笔记 javascript对象 javascript 面向对象

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89812.html

重学前端学习笔记（八）--JavaScript中的原型和类

摘要：用构造器模拟类的两种方法在构造器中修改，给添加属性修改构造器的属性指向的对象，它是从这个构造器构造出来的所有对象的原型。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：kai...

nanfeiyan 2019-08-02 16:16 评论0 收藏0
重学前端学习笔记（八）--JavaScript中的原型和类

摘要：用构造器模拟类的两种方法在构造器中修改，给添加属性修改构造器的属性指向的对象，它是从这个构造器构造出来的所有对象的原型。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：kai...

k00baa 2019-08-29 18:46 评论0 收藏0
重学前端学习笔记（八）--JavaScript中的原型和类

摘要：用构造器模拟类的两种方法在构造器中修改，给添加属性修改构造器的属性指向的对象，它是从这个构造器构造出来的所有对象的原型。笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：kai...

Render 2019-08-23 17:19 评论0 收藏0
JavaScript学习第十天笔记（继承）

摘要：继承原型链如果构造函数或对象的原型指向构造函数或对象，的原型再指向构造函数或对象，以此类推，最终的构造函数或对象的原型指向的原型。继承原型链如果构造函数或对象A的原型指向构造函数或对象B，B的原型再指向构造函数或对象C，以此类推，最终的构造函数或对象的原型指向Object的原型。由此形成了一条链状结构，被称之为原型链。按照上述的描述，在B中定义的属性或方法，可以在A中使用并不需要...

baiy 2019-08-26 12:17 评论0 收藏0