美文网首页
原型与原型链

原型与原型链

作者: zhenghongmo | 来源:发表于2020-03-12 14:09 被阅读0次

全局对象

  • ECMAScript 规定全局对象叫做 global,但是浏览器把 window 作为全局对象(浏览器先存在的)
  • window 就是一个哈希表,有很多属性。
  • window 的属性就是全局变量。这些全局变量分为两种:
  1. ECMAScript 规定的

    • global.parseInt()
    • global.parseFloat()
    • global.Number()
    • global.String()
    • global.Boolean()
    • global.Object()
  2. 是浏览器自己加的属性

    • window.alert()弹框提示
    • window.prompt()用户填写
    • window.comfirm()确认
    • window.console.log()开发者而工具打印
    • window.console.dir
    • window.document
    • window.document.createElement
    • window.document.getElementById

全局函数

  1. Number
var n = new Number(1) 创建一个 Number 对象
1 与 new Number(1) 的区别是什么?
image
  1. String
var str = new String('hello') 创建一个 String 对象
'hello' 与 new String('hello') 的区别是什么?
  1. Boolean
var b = new Boolean(false) 创建一个 Boolean 对象
false 与 new Boolean(false) 的区别是什么?
image
 if(b){
     console.log(xxx)
}
会打印出xxx,因为b为一个对象,并不是是falsy值了
  1. Object
var o1 = {}
var o2 = new Object()
o1 和 o2 没区别,但是 o1 === o2 是 false ,因为存储在 Stack(栈内存) 中的地址不同

公用的属性(原型)

  • 把 toString 和 valueOf 放在一个对象里(公用属性组成的对象),
    然后让每一个对象的 __proto__存储这个「公用属性组成的对象」的地址。

公式

  • var 对象=new 函数()

    <font color="blue">对象.__proto__===函数.prototype</font>
// 推论
var number = new Number()
number.__proto__ = Number.prototype
Number.__proto__ = Function.prototype // 因为 Number 是 Function 的实例

var object = new Object()
object.__proto__ = Object.prototype
Object.__proto__ = Function.prototype // 因为 Object 是 Function 的实例

var function = new Function()
function.__proto__ = Function.prototype
Function.__proto__ == Function.prototye // 因为 Function 是 Function 的实例!

相关文章

  • JavaScript 原型、原型链与原型继承

    原型,原型链与原型继承 用自己的方式理解原型,原型链和原型继承 javascript——原型与原型链 JavaSc...

  • 2019-01-28

    原型与原型链

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • Javascript(三)之原型继承理解

    进阶路线 3 原型继承 3.1 优秀文章 最详尽的 JS 原型与原型链终极详解 一 最详尽的 JS 原型与原型链终...

  • JavaScript 面向对象第一篇

    1.原型链 ---- (实例对象与原型之间的连接 叫做原型链) 2. hasOwnproperty ----(看是...

  • 原型与原型链以及继承

    今天复习下原型与原型链的知识,以及记录新学的继承知识点。 知识点纲要 原型与原型链 es5与es6继承 什么是原型...

  • JavaScript深入理解this关键字(一)

    摘要 最近在公司需要做培训,我打算把JavaScript中的原型与原型链讲给大家。但我在梳理原型与原型链的时候发现...

  • js_继承及原型链等(四)

    js_继承及原型链等(三) 1. 继承 依赖于原型链来完成的继承 发生在对象与对象之间 原型链,如下: ==原型链...

  • 原型链&instanceof关键字

    1.原型链&instanceof关键字 简单说明 原型链 与 instanceof 作用原理 1.原型链 1...

  • 原型、原型链

    (什么是原型、原型链?有什么作用) JavaScirpt深入之从原型到原型链 图解 Javascript 原型链 ...

网友评论

      本文标题:原型与原型链

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