美文网首页
前端学习笔记之原型——一张图说明`prototype`和`__p

前端学习笔记之原型——一张图说明`prototype`和`__p

作者: astak3 | 来源:发表于2018-06-21 15:48 被阅读0次

全局变量

Global是是ECMAScript 中的全局对象(浏览器中是window),不属于其他对象的属性和方法,所有在全局作用域中定义的属性和方法,都是Global对象的属性(window)。

window的属性分为两类,一种是ECMAScript 规定的,一种是浏览器私有的(各浏览器可能不一样)。ECMAScript 规定的的有parseIntparseFloatNumberStringObjectBoolean等,浏览器私有的alertconsolepromptdocument等。

var n = 1        //n是基本类型(number)
var n1 = new Number(1)        //n1是对象(object)

对象有toString()方法,比如n1.toString()
基本类型也可以用toString()方法,它是通过在内存中创建一个临时变量来获取的,比如temp.toString(),在语句结束后这个变量就被回收了,所以:

var a = 1
a.xxx = 2        //语句结束后被回收
a.xxx   //undefined,再次访问该属性,值为undefined

原型

__proto__prototype的区别:

var s = new String()
//String.prototype 是 String 的公共属性(原型)的引用
//s.__proto__ 是 String 的公有属性(原型)的引用

NumberStringObjectBoolean的公有属性都存储在Object原型中。没写代码的时,浏览器就默认有这条原型链指向Object原型,如下图;当我们创建了一个变量后,它就创建了在Heap 中创建了一个对象,指向这个对象本身的原型,不在指向prototype,如下图红线。

image

对象.proto === 函数.prototype;

var __①__ = new __②__;
//① 类型:对象
//② 类型:函数

var Object = new Function();
//var 对象 = new 函数;

Object.__proto__ === Function.prototype;
//对象.__proto__ === 函数.prototype;

Function.__proto__ === Function.prototype;
//因为 Function 也是 Object

相关文章

  • 前端学习笔记之原型——一张图说明`prototype`和`__p

    全局变量 Global是是ECMAScript 中的全局对象(浏览器中是window),不属于其他对象的属性和方法...

  • prototype

    prototype 参考链接 mdn constructor 一张图理解JS的原型(prototype、proto...

  • prototype和__proto__

    prototype两种使用方法 prototype和proto 对象的原型属性(proto)指向构造函数的原型(p...

  • JavaScript原型学习笔记

    @(JS技巧)[原型] JavaScript原型学习笔记 什么是原型? 每当你去定义一个prototype的时候,...

  • js原型链的简单理解

    1)在面试前端许多考题都会问你对原型链的理解或者说请写出构造函数的原型图 重点prototype以及constru...

  • 原型、原型链及继承关系

    原型: 在讲原型关系之前给我们来看一张图片: 由图我们可知几个关系: 每一个构造函数都有(原型)prototype...

  • 一篇就够-理解原型和原型链

    prototype和proto prototype是原型对象,proto是原型 prototype 每个函数都有一...

  • 原型与原型链

    原型是一个对象,我们也称prototype为原型对象原型的作用是共享方法 prototype 每个函数都有一个 p...

  • 原型链

    原文出处 JavaScript深入之从原型到原型链 prototype 每个函数都有一个 prototype 属性...

  • #JS续:2.2 原型(链)/Func/Obj的理解

    前置 画原型图软件:gliff 一、prototype(原型) 在一切开始之前回顾一下类、实例、prototype...

网友评论

      本文标题:前端学习笔记之原型——一张图说明`prototype`和`__p

      本文链接:https://www.haomeiwen.com/subject/jagerftx.html