_proto__ 、prototype傻傻分不清楚?

简介: _proto__ 、prototype傻傻分不清楚?
function GirlFriend() {
    this.name = "Alice";
}
//现在我设置GirlFriend()这个函数的prototype属性
//一般来说直接用匿名的对象就行,我这里是为了方便理解,
//先定义一个hand对象再把hand赋值给GirlFriend()的prototype
var hand = {
    whichOne: "right hand",
    someFunction: function () {
        console.log("not safe for work.");
    }
};
GirlFriend.prototype = hand;
//这个时候,我们可以用GirlFriend()作为构造函数,构造出myObject对象
var myObject = new GirlFriend();
console.log(myObject.__proto__ === GirlFriend.prototype) //true

1. __proto__是每个对象都有的一个属性,而prototype是函数才会有的属性。


2. __proto__指向的是当前对象的原型对象,而prototype指向的,是以当前函数作为构造函数构造出来的对象的原型对象。看起来有点绕,我 show you the code,上面我们用右手作为原型来给自己构造一个女朋友:


相关文章
|
JavaScript 前端开发
原型与原型链,数形结合搞懂原型与原型链,真正理解原型链,面试官直呼内行。
原型与原型链,数形结合搞懂原型与原型链,真正理解原型链,面试官直呼内行。
|
8月前
|
JavaScript 前端开发 开发者
【专栏】JavaScript 中的 prototype 和__proto__是关乎对象继承和属性查找的关键概念
【4月更文挑战第29天】JavaScript 中的 prototype 和__proto__是关乎对象继承和属性查找的关键概念。prototype 是函数属性,用于实现对象继承,方法和属性定义在其上可被所有实例共享。__proto__是对象属性,实现属性查找机制,当对象自身找不到属性时,会沿原型链向上查找。两者关系:__proto__指向构造函数的 prototype,构成对象与原型的桥梁。虽然 prototype 可直接访问,但__proto__由引擎内部维护,不可见。理解两者区别有助于深入学习 JavaScript。
100 1
|
JavaScript 前端开发
原型与原型链,数形结合搞懂原型与原型链,真正理解原型链,面试官直呼内行。(一)
原型与原型链,数形结合搞懂原型与原型链,真正理解原型链,面试官直呼内行。
|
JavaScript
原型与原型链,数形结合搞懂原型与原型链,真正理解原型链,面试官直呼内行。(二)
原型与原型链,数形结合搞懂原型与原型链,真正理解原型链,面试官直呼内行。
|
JavaScript 前端开发
🍉学习JS不得不知的原型原型链、闭包和异步!
🍉学习JS不得不知的原型原型链、闭包和异步!
243 5
🍉学习JS不得不知的原型原型链、闭包和异步!
|
Web App开发 JavaScript 前端开发
原型(prototype) 和 原型链(__proto__) —— 别再为 JavaScript 的原型苦恼了
原型(prototype) 和 原型链(__proto__) —— 别再为 JavaScript 的原型苦恼了
109 0
|
Serverless C语言 Python
学编程这么久,还傻傻分不清什么是方法(method),什么是函数(function)?
在标准库inspect 中,它提供了两个自省的函数,即 ismethod() 和 isfunction(),可以用来判断什么是方法,什么是函数。
329 0
学编程这么久,还傻傻分不清什么是方法(method),什么是函数(function)?
|
前端开发 JavaScript
#yyds干货盘点# 【js学习笔记三十二】前端原型和原型链构造函数的使用
#yyds干货盘点# 【js学习笔记三十二】前端原型和原型链构造函数的使用
123 0
#yyds干货盘点# 【js学习笔记三十二】前端原型和原型链构造函数的使用
|
前端开发 JavaScript
#yyds干货盘点# 【js学习笔记三十三】前端原型和原型链constructor
#yyds干货盘点# 【js学习笔记三十三】前端原型和原型链constructor
178 0
#yyds干货盘点# 【js学习笔记三十三】前端原型和原型链constructor
|
前端开发 JavaScript
#yyds干货盘点# 【js学习笔记三十一】前端原型和原型链构造函数的使用
#yyds干货盘点# 【js学习笔记三十一】前端原型和原型链构造函数的使用
114 0
#yyds干货盘点# 【js学习笔记三十一】前端原型和原型链构造函数的使用

热门文章

最新文章