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

lifesimple

前言

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

JavaScript Object

概念

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

对象的创建方法

  1. 对象字面量写法

  2. 构造函数,通过构造函数来创建对象实例

  3. Object()构造函数

  4. 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);

对象属性的访问方式

  1. 点表示法

  2. 中括号表示法

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

__proto__、[[prototype]]、prototype

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

  2. 每个对象有一个私有属性[[prototype]],这个私有属性持有一个连接到另一个称为其prototype对象(原型对象)的链接。

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

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

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

例1
clipboard.png

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

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

阅读 1.1k

好好学习

816 声望
21 粉丝
0 条评论

好好学习

816 声望
21 粉丝
文章目录
宣传栏