美文网首页
《原型与原型链》

《原型与原型链》

作者: ChenMurphy | 来源:发表于2019-04-22 17:40 被阅读0次

首先原型是树状结构,另外也经常听到dom树。这两者是否有联系?答案是没有联系,他们是两个不同的东西。

浏览器只要一打开就算你一句代码都没有也会建立原型链的树,这棵树的根是window,用console.dir(window)可以查看下面所有的函数。

上面提到的Number这些都是解析js代码的时候用到的。js解析器会根据代码然后调用这些函数创造出代码对应的对象。同样解析html也需要用到函数,就是Document、Element、Text这些函数。所以dom和原型链是两回事。

所以根是本来就有了,你写的代码只做两件事,1.造哈希2.引用根

浏览器一打开,引擎就会把这个树状结构画好。然后声明一个类型的时候。就会搞出一个哈希,把哈希里面的proto指向sting.prototype

问:构造函数怎么把字符串变成对象的?

只要返回一个对象就行了,比如方方自己写了一个creatPerson的构造函数。自带的createElement也是构造函数。如果要构造一个Number对象只要return一个对象有Number对象的属性还有个__proto__:Number就行了。如:

这个公共属性为啥不会被回收呢,因为有其他人罩着他,是stack内存里的window变量罩着,window下面有Number String Object Boolean Array Function等函数,这些函数下面有个prototype这个属性罩着公共属性。

如图所示从对象开始都是通过_proto_ 指向下一个公共属性。最终指向Object的公共属性,这个整体就叫做原型链

只有原型链的对象可以跨节点去访问

原型链可以一层一层找下去的。你可以直接调最下层的API,上层找不到会去找下层的。这个树形结构搞懂了,这些就很简单了。


什么是全局变量?

标准里面 叫global浏览器叫window。浏览器打开的时候就会生成一个window的对象。自带很多属性。(mdn window)

window里面有些是标准规定的对象,有些是自己实现的对象。比

私有

document是浏览器私有的,因为nodejs里面就没有。ECMA是浏览器和nodejs都共同规定的。这两个都是js。document有自己的规范叫DOM,这是由W3C规定的。

document代码能对文档的一切操作。

history是浏览器对象是操作浏览器的。document是操作文档的

ecmascript规定

number

有两个用法

要么直接Number(1)

要么new Number (1)这个可以包装成对象,对象里面有好几个函数可以让你来操控这个1。这就是直接声明1和new Number的区别

但是new Number先创建一个对象才能去控制1很烦丫。能直接n.toString多好,但是n是简单类型,它是没有对象的属性的。那怎么办呢?

js之父就创建一个虚拟对象temp,所以n.toString其实是:temp = new Number (n)

temp.toString( )。然后再把temp回收了。所以js程序员就算写了简单的number也能用复杂的对象的所有属性。就不需要写对象了。

步骤:

var n = 1: stack给n一个地址和内容1

n.xxx = 2: stack创建一个虚拟变量temp,heap创建一个对象,然后把n的值去拿过来。再创建一个键值对n.xxx = 2 然后把这个对象给temp。生成好以后马上就回收了,因为这行代码结束了。或者说到下条代码出来的时候就回收了,具体怎么回收不知道。

n.xxx的时候又重新创建一个虚拟对象temp,那这个tem里面是有1的,但是没有你创建的n.xxx = 2

想知道临时对象张啥样,就 var n = new Number (1)就知道的,因为临时对象和这个一模一样的。

string

charAt

charAt看是什么字符,charCodeAt看他的10进制编码

看16进制编码

s是对象,可以s.charCodeAt(1).toString(16)或者直接用'w'.charCodeAt(0).toString(16)直接用字符的时候charCodeAt后面要跟0

trim

可以把前后两端的空格全部去掉

concat

slice

replace

原来的s1还是不变的

谷歌会把常用的列给你,把这6个搞懂就可以了。

boolean

对象都是true啊

object

所有新声明的对象都是不相等的,除非A1赋值给A2

到底哪些要跟括号,哪些对象不用跟括号

相关文章

  • 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/wgbqgqtx.html