js数据类型

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

引用数据类型  Object  array  function

二者的区别

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

堆内存

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

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

案例

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

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

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

This研究在函数内部

在js中的函数形式的种类

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

对象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了。这种查找机制叫原型链。

JS(JavaScript)的进一步了解2(更新中···)的更多相关文章

  1. 百度前端学院js课堂作业合集+分析(更新中...)

    第一课:简陋的登录框 <!DOCTYPE html> <html lang="en"> <head> <meta charset=&quo ...

  2. JS基础知识再整理..........不断更新中

    1.JS的五种基本数据类型:字符串.数值.布尔.null.underfined. 2.在JS中,字符串.数值.布尔三种数据类型,有其属性和方法: 3.字符串的三种常用方法[.indexof()..su ...

  3. JS - 二叉树算法实现与遍历 (更新中...)

    一.关于二叉树: 截图来自:https://segmentfault.com/a/1190000000740261 温馨提示:学习以及使用二叉树概念,心中永远有这么一个图,对于理解和接受二叉树有很大的 ...

  4. html的进一步了解(更新中···)

    (接上一次) 属性:表示事物的一些特征 属性又可分为两种: 标签属性和样式属性 两者的区别: 位置不一样 样式属性写在style中 标签属性写在标签内 写法不一样 样式属性是属性:属性值 标签属性是属 ...

  5. 常用JS、jquery 命令(不断更新中)

    设置用户粘贴板中的文本信息:window.clipboardData.setData('Text', location.href); 获取用户粘贴板中的文本信息: window.clipboardDa ...

  6. CSS的进一步深入(更新中···)

    在之前我们学了6种选择器和三种CSS样式的引入,学习选择器就是为了更好的选择文本,学习CSS的引入是为了使文本增加各种样式和属性, 下面我们简单来学习一下为文本加样式和一些属性和属性值: 1.文本的样 ...

  7. js坑爹笔试题目汇总(持续更新中)

    把你的面试官问倒,你就是一个合格的面试者了,以下总结一些易错的js笔试题目,会持续更新中.欢迎关注 1,考察this var length = 10 function fn(){ alert(this ...

  8. 【前端】Util.js-ES6实现的常用100多个javaScript简短函数封装合集(持续更新中)

    Util.js (持续更新中...) 项目地址: https://github.com/dragonir/Util.js 项目描述 Util.js 是对常用函数的封装,方便在实际项目中使用,主要内容包 ...

  9. JavaScript资源收集分享,持续更新中。。。

    平时收集的一些JavaScript资源,分享给大家 jQuery UI jEasyUI Extensions http://jqext.sinaapp.com 布局做的挺不错,有比较复杂的菜单导航.P ...

  10. gulpfile.js不断更新中...

    Gulp压缩合并js/css文件,压缩图片,以及热更新教程 var gulp = require('gulp');var concat = require('gulp-concat');//- 多个文 ...

随机推荐

  1. RxSwift 介绍

    RxSwift 介绍 中文文档 https://beeth0ven.github.io/RxSwift-Chinese-Documentation/ https://medium.com/@DianQ ...

  2. IDEA中创建maven项目后解决main文件夹下目录不全的问题

    IDEA创建maven-archetype-webapp项目的时候,创建完成后发现在main文件夹下没有java,resource等源文件夹. 解决方法: 1.选择File->Project S ...

  3. LockScreen

    <Window x:Class="XXX.Client.LockScreenView" xmlns="http://schemas.microsoft.com/wi ...

  4. iOS 控制台po不出值

    本人这几天开发项目时在控制台用po命令打印时,发现总是打印不出来,这里将我的解决方案推荐给大家 方法一:(本人就是用该方法解决了问题的) 在控制台选择All Output 方法二: 按图中指示选择de ...

  5. h5样式布局

    在文字的左面加图标  background: url(../images/hi.png) left no-repeat; 如图所示

  6. centos7 vmd-1.9.3安装

    1. 下载安装包 安装包下载地址是http://www.ks.uiuc.edu/Research/vmd/,选择自己合适的版本,我下载1.9.3版本 2. 安装必要库 yum install free ...

  7. AWS 移动推送到iOS设备,Amazon Pinpoint

    前言 第一次对接aws,遇到的坑是真多.现在记录一下.本文主要用到的是[Amazon Pinpoint]推送. 开发人员的指南:https://docs.aws.amazon.com/zh_cn/pi ...

  8. Vue2leaflet 替换国内地图api,带{z}/{x}/{y}形式的

    参考:https://www.cnblogs.com/gispathfinder/p/9535685.html Vue2leaflet安装后,默认自带的地图URL如下 url:'http://{s}. ...

  9. MyEclipse破解步骤

    1.下载安装(注:安装后不要打开myeclipse,以下步骤完成方可打开) 2.解压破解文件 3.打开文件夹patch 3.全部复制 4.找到myeclipse的安装目录,打开plugins文件夹 5 ...

  10. 全志A33驱动GT911触摸屏

    0x00 环境说明: 所使用的开发板为锐尔威视的插针版A33_Vstar 触摸屏驱动IC为GT911 接线参照开发板的TP线路 0x01 修改系统配置文件: 笔者所使用的A33开发板的系统配置文件路径 ...