美文网首页
原型与原型链

原型与原型链

作者: wxyzcctn | 来源:发表于2018-11-12 22:03 被阅读0次

全局对象

        在JavaScript的规定中,全局变量分为两种:

        1、一种是ECMAScript规定的global

        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

        ...

        全局对象window就是一个哈希表,有很多属性。

        以上两种类的API都是可以通过MDN查询得到详细的信息。

全局函数

        1.Number

        var n = 1 和 var n = new Number(1) 都能得到一个数值的数据类型

        两种方式的区别是,new Number(1)是作为一个包装对象,包装后会有很多操作这一个数字的函数在里面,比如toString(将1转换为字符串显示)、toFixed(将1通过小数显示)、toExponential(将1通过科学计数法显示),但是对于一个第一种方式来说,我们依然可以使用其他操作属性来对1进行操作,当调用其他属性得到对应的属性值之后,就将其赋值给一个临时变量,这个变量最后会在使用结束之后被删除机制删除掉。

        比如:

        以上便是定义了n.xxx,但其只是作为临时变量的值,当重新调用的时候,出现的就是undefined,之前的临时值已经被删除掉了。由于通过简单方式定义得到的一个数值数据类型,同样可以调用其他操作属性,所以现在还是很多的程序员使用简单方式定义数值数据类型。

        2.String

        同Number一样,可以有两种方式进行定义一个字符串。

        比如:var s = 'Hello' 和 var s = new String('Hello') 

 =

        在谷歌中搜索关键字string MDN就能得到很多人经常搜索的东西,那些就是经常需要使用的API,也可以直   接在MDN中查看关于String的技术文档,对于string常用的操作属性有:

        charAt()——获取摸一个索引对应的字符,

        charCodeAt()——获取某一个索引的Unicode编码。比如,'a'.charCodeAt(0) ——>得到a的Unicode十进制编码是97,'a'.charCodeAt(0).toString(16)——>得到的是a的Unicode的十六进制编码61。

        concat()——连接两个字符串。比如,s1 = 'Hello',s2 = 'World',那么s1.concat(s2)——>'HelloWorld'。

        trim()——去掉多余的空格.

        3.Boolean

        布尔值数据的定义方式同样有两种,

        var b = true 和 var b = new Boolean(true)

        两者的区别同Number的情况相同。

        4.Object

        var o1 = {} 和 var o2 = new Object()

        此时o1和o2并没有区别。

公用属性

        以上4种全局数据类型都有一些公共的属性,比如:toString和valueOf,这些公共的属性不会分别放在每一个数据类型中,那样做会非常浪费内存,JavaScript的做法是吧toString和valueOf放在一个对象里(暂且叫做共用属性组成的对象),然后让每一个对象的__proto__存储这个 [ 共用属性组成的对象 ] 的地址。

        以上的四种全局数据类型,不管是哪一种定义方式,都会有自己特有的操作函数,也有公用的操作函数,我们在查看对应的函数的操作函数的时候,通过__proto__存储的 [ 公用属性组成的对象 ] 地址来进行访问的。

        如果调用的操作函数在__proto__中没有的话,将会在__proto__的__proto__中查询,直到找到为止,依然没有就报错。

        主要调用的公式如下

var 对象 = new 函数()

对象.__proto__ === 对象的构造函数.prototype

        由以上可以推出如下形式:

var number  = new Number()

number.__proto__ = Number.prototype

Number.__proto__ = Function.prototype    //因为Number是Function的实例

Number.__proto__.__proto__ = Object.__proto__ //这个时候的Object.__proto__的值是null

        对于Boolean和string也是同样的形式

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.prototype   //因为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/ukchfqtx.html