js 本质论

js有三种内存一是函数二是函数的栈三是对象或者说堆各有特点

有很多很多堆每一个函数都是在某个堆上工作它可以在这个堆上增加某个可以引用的对象(通过this.变量=XXX) 或者使用父堆(通过__proto__)

对象有子对象就好像一棵有无数对象和函数对象的森林(tree结构)

每个建立的对象都有__proto__，指向它继承的对象，对象通过__proto__链可以继承其他对象的方法和成员的实例，可以比较轻松地迁移到其他对象分支

在浏览器环境下 window代表所有堆的根

(function() { … })() 这些写可以创建一个匿名的堆这个匿名的堆挂在最近的堆的子堆避免污染

函数可以通过prototype添加子函数(比如函数名.prototype.子函数名=function (){})和改造构造函数(prototype.constructor) 所以说函数也可以建成一个森林

所以函数可以在prototype下面建立很多东西而prototype指向函数这个对象

函数的prototype还有一个constructor函数表示构造函数所以这个constructor函数指向函数

函数的prototype相当于函数的父空间函数可以通过“函数名.prototype.子函数名=function (){}”这种方法来继承某个子函数还可以通过“函数名.prototype=某个object”来继承某个object的所有成员名称和方法

所以说__proto__和prototype本质是一样的，都表示父空间，只是一个作用于对象，一个作用于函数，但是函数只是在运行的时候才有值，所以还是有很大不一样

apply,call,bind可以让函数使用某个对象堆分支

栈是在运行中增长和消减的一个函数无法使用另一个函数的栈

通过new或者object.create 可以创建将一个函数转化为对象或者说堆 new的过程中执行这个函数对这个堆进行操作

总结：js可以构建一个对象和函数的森林，可以比较轻松地迁移对象和函数分支，比较类似lisp

js 本质论的相关文章

【API】高德地图API JS实现获取坐标和回显点标记

1.搜索+选择+获取经纬度和详细地址 2.回显数据并点标记 3.实现第一步:引入资源文件 <script src="//webapi.amap.com/maps?v=1.3&key=在官网申请一个key"></script><script src="//webapi.amap.com/ui/1.0/main.js">

js跨域

第一次写博客,好紧张,不知道能写成啥样,哈哈哈. 自己的一知片解,有错请多多指教,嘻嘻嘻. 一.何为跨域? 只要协议.域名.端口后任何一个不同,就是跨域. 举个例子: http://www.example.com 协议不同 https://www.example.com http://www.example.com 域名不同 http://www.test.com http://www.example.com 端口不同 http://www.example.com:81 注意:ip相同,域名不同

Vue.js学习笔记：属性绑定 v-bind

v-bind 主要用于属性绑定,Vue官方提供了一个简写方式 :bind,例如:  <a v-bind:href="url"></a>  <a :href="url"></a> 绑定HTML Class 一.对象语法: 我们可以给v-bind:class 一个对象,以动态地切换class.注意:v-bind:class指令可以与普通的class特

node.js的安装及配置

一.安装直接在浏览器搜索node.js,在官网上下载(一般旧版的更加稳定,比如下载4.4.7版本) 点击DOWNLOADS 往下翻,点击Previous Release Windows下载msi(64位/32位) 根据提示一步步安装,安装之后的文件夹如下: 在cmd命令行下输入node -v,如果出现如下,说明安装成功: 二.关于配置在安装路径下新建两个文件夹: 创建完两个空文件夹之后,打开cmd命令窗口,输入 npm config set prefix "D:\Program Files

Node.js 使用angularjs取得Nodejs http服务端返回的JSON数组示例

server.js代码: // 内置http模块,提供了http服务器和客户端功能(path模块也是内置模块,而mime是附加模块) var http=require("http"); // 创建服务器,创建HTTP服务器要调用http.createServer()函数,它只有一个参数,是个回调函数,服务器每次收到http请求后都会调用这个回调函数.服务器每收到一条http请求,都会用新的request和response对象触发请求函数. var server=http.createS

Knockout.js简介

Knockout是一款很优秀的JavaScript库,通过应用MVVM模式使JavaScript前端UI简单化.任何时候你的局部UI内容需要自动更新,KO都可以很简单的帮你实现,并且非常易于维护. Knockout的3个核心功能是: ? 属性监控与依赖跟踪 ? 声明式绑定 ? 模板机制 MVVM Model-View-View Model (MVVM)是一种创建用户界面的设计模式. ? Model:用于存储应用程序数据,表示业务领域的对象和数据操作,并且独立于任何界面. 当使用KO的时候,通常是

vue.js 入门

简单一句话来描述:vue.js是一个前端框架. 官方文档:https://cn.vuejs.org/v2/guide/index.html 虽然,我以前也会改一些前端样式,但主要是基于HTML和CSS,HTML主要控制页面的结构,CSS主要来控制样式.涉及到JavaScript就比较小白了. 我花了一个下午照着官方文档做练习,当然是只创建一个xxx_demo.html文件,在<script></script> 标签对之间写 Vue.js语法.这不算错,但在工程化的今天,这么学得猴年

JS高程3：JSON

JSON,JavaScript Object Notation,JS对象表示法,是目前最常见的结构化数据传输形式. JSON并非编程语言,而是一种数据结构,像mp4.avi一样,只是一种数据格式而已.(数据结构可以包含很多数据类型) JSON值的类型简单值对象数组简单值:字符串.数字.布尔值和null,注意不包括undefined. 注意:JSON中的字符串必须用双引号. 对象:对象就是无序的键值对,而键值中的值也可以是简单值.对象或者数组. 注意:JSON中对象的属性必须用双引号括起来

js装饰器

本文是廖雪峰老师js教程的学习笔记 JavaScript的所有对象都是动态的,即使内置的函数,我们也可以重新指向新的函数. 利用apply(),我们还可以动态改变函数的行为. 现在假定我们想统计一下代码一共调用了多少次parseInt(),可以把所有的调用都找出来,然后手动加上count += 1,不过这样做太傻了.最佳方案是用我们自己的函数替换掉默认的parseInt(): var count = 0; var oldParseInt = parseInt; // 保存原函数 window.p