首先我们复习之前的小知识,本期博客与之前有关

js数据类型

    基本数据类型:string    undefined         null         boolean          number

    引用数据类型:     Object     array       function

二者的区别

      基本数据类型就是简单的操作值,引用数据类型,把引用地址赋值给变量

堆内存

  就是存放代码块的,存放形式有两种,一种是对象一键值对的形式存放

  另一种就是函数  以字符串的形式存放

案例

引用数据类型的赋值,是把引用地址赋给它,在修改属性的时候,通过地址查找然后改掉。

应用数据类型,如何操作?

  先通过引用地址去查找堆内存中的代码,然后再去修改。

this研究在函数内部

  在js中的函数形式的种类

    1.普通函数      function fn(){}                var  fn=function()

    2.       类

对象Object

  对象里面的数据一键值对的形式存在。跟json一样。

  1.  单例模式====>  对象

     

    我们把变量zhang和li叫"命名空间"

作用域和堆内存的区别

  作用域是函数执行的时候产生fn()

  函数执行的时候首先会开辟一个新的内存空间叫栈空间(环境或作用域)

  数据类型在赋值的时候会开辟一个新的内空间叫堆内存(存放代码块的)

生成对象的单例模式

  优势。每一个对象都是独立的,即便属性起的名字一样,不会相互干扰,方便现在流行的开发模式"模块化开发"。如果需要使用里面的属性,用.运算符      如zhang.name或zhang["name"],判断一个属性是不是这个对象的用in运算符  如"name"in zhang        如果遍历这个对象用for(atter in zhang){}.

  缺点,不可以批量生产对象,只能一个一个的去创建。

  2.    工厂模式===》 对象

  

  这种形式我们叫函数封装。优势,可以批量生产,减少冗余代码,提高代码重复利用率

(高密度第耦合)。 没有继承和多态。

3.  构造函数==》 对象

  要求,1.函数名首字母必须大写,

     2.里面的属性前必须加this。

     3.函数调用的时候必须使用new关键字

我们把person叫类。   把zhang叫实例。     万物皆对象。       对象的特征有属性和方法。

string的类是String

数组的类是Array

对象的类是Object

构找函数里的this指向实例对象。

构造函数里有了类和实例的概念,并且实例和实例都是独立的个体,我们把他叫实例识别。

构造函数里面的属性都是私有的,各个实例对象之间没有公共的属性。

  为了实例的对象拥有公共的属性,所以js使用了prototype(原型)这个属性,属性值是一个对象,我们可以把公共的属性放在这个prototype上了

  原型分析

  1.每个函数数据类型(普通函数,类)都有一个prototype属性,并且这个数性是一个对象数据类型。

  2.每一个prototype上都有一个constructor属性,并且这个属性值是当前函数或类本身

  3.每一个对象数据类型(实例,普通对象,prototype)都天生具有一个__proto__属性,他的属性是当前所属类的原型

通过这张图我们知道

zhang.__proto__==Person.prototype        true

原型链

Duixiang.shuxing的时候,首先看这个属性是不是私有的,私有的就使用,如果私有的属性没有就找公用的,共有的有就是用公有的,没有就按照__proto__找他的类上有没有,直到找到基类Object。如果没有就undefined了。这种查找机制叫原型链。

数据类型的三种存储方式

  1.       String      “”

  2.  Array       []

  3.       Json         {}

所有编程语言java  c      python      c++     等      他们都是面向对象编程,面相对象必须有三大特点,封装,继承,多态。

如何生成对象。

js中级小知识1的更多相关文章

  1. js中级小知识5

    元素的属性 div.attributes是所有标签属性构成的数据集合 div.classList是所有class名构成的数组集合 在classList的原型链上可以看到add()和remove() 1 ...

  2. js中级小知识4

    1.针对表单 form   input     select      textarea type="radio/checkbox/passdord/button/submit/reset/ ...

  3. js中级小知识2

    1.面向对象 js一开始就是写网页特效,面向过程的,作者发现这样写不好,代码重复利用率太高,计算机内存消耗太大,网页性能很差.所以作者就收到java和c的影响,往面向对象靠齐.js天生有一个Objec ...

  4. js中级小知识

    1.作用域链 作用域:浏览器给js的一个生存环境(栈内存). 作用域链:js中的关键字var和function都可以提前声明和定义,提前声明和定义的放在我们的内存地址(堆内存)中.然后js从上到下逐行 ...

  5. js中级小知识3

    函数: 函数在调用的时候,会形成一个私有作用域,内部的变量不会被外面访问,这种保护机制叫闭包.这就意味着函数调用完毕,这个函数形成的栈内存会被销毁. 有些时候我们不希望他被销毁. 函数归属谁跟它在哪调 ...

  6. js的小知识7

    1.函数都有返回值...... 而方法的本质也是函数,所有也有返回值. Document.getElementById()返回的是获取的标签 getElementByClassName()和getEl ...

  7. 关于js的小知识

    基本数据类型:Undefined, Null, Boolean, Number, String . 引用数据类型:Object . 个人觉得对Java等语言的程序员来说,最不能接受的就是下面这样的代码 ...

  8. JS零碎小知识

    filter()方法对数组进行过滤,生成新数组 var aqiNewData = aqiData.filter(function(data){ return data[1]>60; }); // ...

  9. js 简单小知识

    1. javascript的typeof返回哪些数据类型: string, boolean, number, undefined, function, object 2. split() join() ...

随机推荐

  1. Glide终于解决了同时绑定多个webp格式图片的问题

    前端时间,要给项目换个图片加载的库,使用Glide 3.7版本进行测试, 发现在快速滑动列表(每个item都会加载一个app的图标,采用webp格式,即同时加载多个webp格式)的时候,一屏至少有2- ...

  2. APP微信支付Java后台的实现(springmvc)

    第一次做微信支付,阅读完开发文档后,下了个官方demo,摸索了好久,期间也出现了好多问题,终于是实现生成预支付订单以及支付成功后接收微信服务器通知,不多说了,直接上代码: 一.工具类 Constant ...

  3. PHP,PSR开发规范

    https://github.com/hfcorriez/fig-standards/tree/zh_CN/%E6%8E%A5%E5%8F%97 PSR-1-basic-coding-standard ...

  4. pandas DataFrame apply()函数(1)

    之前已经写过pandas DataFrame applymap()函数 还有pandas数组(pandas Series)-(5)apply方法自定义函数 pandas DataFrame 的 app ...

  5. PhpStorm连接Docker容器配置xdebug断点调试

    本教程主要演示xdebug在PhpStorm中配置方法. 一.环境说明 1.Mac笔记本(本教程演示过程使用的是Mac OS操作系统,和windows环境是有区别的,这一点需要特别注意): 2.在Ma ...

  6. 程序猿必备的8款web前端开发插件三

    1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水 ...

  7. 飞鹅云打印 API_C#

    飞鹅云打印: 提交订单支付成功后台自动打印,实现无人销售,自动打印,后台统计打印记录功能:   有自带WIFY:连接到wify就可以打印小票: 有自动SIM卡:第1年免流量费,第2年30一年     ...

  8. idea当配置eclipse快捷键时,全局替换的快捷键是什么?

    简介   每次为了新版本新建一个分支的时候,都要改每个maven的版本号,好麻烦,有么有?如下图: 当idea配置eclipse快捷键时,默认是没有全局替换快捷键的,需要设置 步骤 首先打开setti ...

  9. surface shader获取像素深度差值

    void vert (inout appdata_full v, out Input i) { UNITY_INITIALIZE_OUTPUT(Input, i); i.proj = ComputeS ...

  10. macos下golang 1.9配置

    1.golang最新版本下载地址 https://golang.org/dl/ (下载与安装过程此处省略一万字) 注意,go1.9与以往版本安装不同,直接安装到/usr/local/go目录下,而/u ...