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(attr 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。          如果Object没有就undefined了。这种查找机制叫原型链。

数据的三种存储方式

1.        String   “”

2.        Array    []

3.        Json    {}

所有编程语言java c python c++ 等他们都是面向对象编程,面向对象必须有三大特点,封装,继承,多态.今天就是研究js

转载于:https://www.cnblogs.com/Shinigami/p/9892284.html

JS数据类型 构造函数 原型链相关推荐

  1. JS题目总结:原型链/new/json/MVC/Promise

    JS题目总结:原型链/new/json/MVC/Promise 1原型链相关 解读: 上图中,Object,Function,Array,Boolean都是构造函数 第一个框: object是实例对象 ...

  2. 构造函数 + 原型链继承 + 临摹面向对象模式的canvas动画框架

    感谢谢帅shawn分享的canvas动画框架,我再来分一次 //动画框架 http://neekey.net/blog/2011/05/11/canvas-%E7%AE%80%E5%8D%95%E5% ...

  3. 《js中原型和原型链的深入理解》的笔记

    前言:在微信公众号前端大全上看过<js中原型和原型链的深入理解>,个人认为这是我看过的js原型链的文章中,在思维结构上理解最清楚的一个文章了,本着温故而知新,有害怕找不到这个文章,我就把文 ...

  4. [js] js怎样避免原型链上的对象共享?

    [js] js怎样避免原型链上的对象共享? 组合继承 优势 公有的写在原型 私有的卸载构造函数 可以向父类传递参数 劣势 需要手动绑定constructor 封装性一般 重复调用父类性能损耗

  5. 【JS继承】JS继承之原型链继承

    自我介绍:大家好,我是吉帅振的网络日志:微信公众号:吉帅振的网络日志:前端开发工程师,工作4年,去过上海.北京,经历创业公司,进过大厂,现在郑州敲代码. JS继承专栏 1[JS继承]什么是JS继承? ...

  6. js构造函数(原型链)及Es6的class类

    js函数 首先弄明白何为函数呢,函数简单的说就是重复执行的代码块.函数是这样的一段JavaScript 代码,它只定义一次,但可能被执行或调用任意次. 函数的定义方式: 1.声明式函数定义: func ...

  7. 记录--JS精粹,原型链继承和构造函数继承的 “毛病”

    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 先从面向对象讲起,本瓜认为:面向对象编程,它的最大能力就是:复用! 咱常说,面向对象三大特点,封装.继承.多态. 这三个特点,以" ...

  8. JS 中原型和原型链深入理解

    作者: erdu segmentfault.com/a/1190000014717972 首先要搞明白几个概念: 函数(function) 函数对象(function object) 本地对象(nat ...

  9. JS三座大山之原型链

    在JS中原型链的概念刚开始可能一直迷惑着大多数人,我也一样,不过花点时间仔细的梳理梳理,还是很容易理解的.本文就着重介绍一下原型链,如有不对之处,欢迎指正,共同探讨,共同进步. 在面试时,面试官可能会 ...

最新文章

  1. 12种Dropout方法:应用于DNNs,CNNs,RNNs中的数学和可视化解释
  2. Oracle动态采样学习
  3. Msg3最大传输次数(maxHARQ-Msg3Tx)
  4. 三十四、数据仓库的建模
  5. Apache多网站虚拟目录域名
  6. 隐马尔科夫模型C#语言算法实现
  7. calibration trl 设计_校准:怎样设计和验证TRL校准件以及TRL校准的具体过程
  8. Matplotlib——多图合并
  9. spring : springmvc常用注解标签详解(转)
  10. php连接postgresql数据库
  11. DIV CSS设计时IE6、IE7、FF 与兼容性有关的特性
  12. 和平精英有电脑版吗_和平精英电脑版灵敏度调多少 CP端灵敏度设置攻略
  13. C语言小游戏 源码 推箱子
  14. linux终端ANSI转义字符
  15. CRM客户管理系统-SSM框架项目实战教程
  16. 24节气—霜降文案、海报 , 秋将去,降初霜。
  17. iNav飞控AOCODARC-F7MINI固件编译
  18. 传说中的移动员工工资表,也不知是真是假
  19. 商城系统搭建支付通道
  20. 【博文】:甲骨文收购AMD的缘由

热门文章

  1. 前端开发中JS调试技巧,你知道几种?用过几种?
  2. 零基础转行web前端,如何高效的去学习web前端?
  3. java连接weblogic数据源_使用weblogic数据源大全
  4. 双水泵轮换工作原理图_周宁气压给水设备控制柜原理图
  5. 计算机应用技术专业标志,计算机应用技术论文
  6. php控制器增删改查设计,控制器的增删改查操作
  7. 如何接受上级指令_与上级沟通的技巧
  8. java怎么自增2_从头认识java-2.3 自增自减与关系操作符
  9. 回溯法采用的搜索策略_强化学习基础篇(三十四)基于模拟的搜索算法
  10. STM8学习笔记---按键KEY