一.什么是类型
 JavaScript 虽然没有类的概念。但依然存在两种类型:原始类型和应用类型。
 原始类型保存为简单的数据值,引用类型则保存为对象,其本质是指向内存位置
 的引用。也就是说:原始值被直接保存在对象内,而引用值则作为一个指针保存在
 对象内,该指针指向实际对象在内存中的储存位置。

二.原始类型
 2.1 JavaScript中5中原始类型:boolean,number,string,null,undefined
  原始类型变量直接保存原始值(而不是一个指针),当你将原始值赋值给一个变量
  时,该值将复制到变量中。

  var color1 = ''red;
var color2 = color1; //将color1的值复制一份给变量color2
color1 = 'blue';
console.log(color1); //'blue'
console.log(color2); //'red'

2.2 鉴别原始类型
  鉴别原始类型的最佳方法使用typeof操作符。
  2.3 原始方法
  虽然字符串、数字、布尔值是原始类型,但是它们拥有方法(underfined和null没有)

  console.log(typeof 'hello'); //'string'
console.log(typeof 10); //'number'
console.log(typeof 5.1); //'number'
console.log(typeof true); //'boolean'
console.log(typeof underfined); //'underfined'
console.log(typeof null); //'object' 判断一个值是否为空,直接和null比较
console.log(null == underfined); //'true';
console.log(null === underfined); //'false';

三.引用类型
 3.1 创建对象

  var o1 = new Object();
var 02 = create.Object();
var o3 = {};

3.2 对象引用解除
 3.3 添加删除属性
 3.4 内建对象实例化
  1) Array   //数组类型,以数字为索引的一组值的有序列表
  2) Date    //日期和时间类型
  3) Error    //运行期错误类型
  4) Function   //函数类型
  5) Object    //通用对象类型
  6) RegExp   //正则表达式类型
 3.5 对象和数组字面量形式

  var o = {
naem : 'hello',
age : 1
};
var arr = [1,2,3];

3.6 函数字面形式

 function ref(value){
return value;
};
var ref2 = new Function('value','return value;')

3.7 正则表达式字面形式

   var numbers = /\d+/g;
var numbers2 = new RegExp("\\d+","g");

3.8 访问属性

 var arr = [];
arr.push(123);
var arr2 = [];
arr2["push"](123);

3.9 鉴别引用类型
  函数可以使用typeof而数组和对象则使用instanceof操作符

 var arr = [];
var o = {};
function f(){};
console.log(arr instanceof Array) //true
conlole.log(o instanceof Object); //true
console.log(f instanceof Function) //true

3.10 鉴别数组 使用Array.isArray();

 var arr = [];
console.log(Array.isArray(arr)); //true

四.原始封装类型
 原始封装类型共有3种(Number,String,Boolean)

 var name = 'Nicholas';
var temp = new String(name);
temp.last = 'Zakas';
temp = null;
console.log(temp.last) //underfined

临时对象仅在值被读取时创建

01.JavaScript 面向对象精要--原始类型和引用类型的更多相关文章

  1. ECMAScript5面向对象技术(1)--原始类型和引用类型

    概述 大多数开发者在使用Java或C#等基于类的语言的过程中学会了面向对象编程.由于JavaScript没有对类的正式支持,这些开发者在学习JavaScript时往往会迷失方向: JavaScript ...

  2. Javascript的数据类型(原始类型和引用类型)

    1.ECMAScript3中定义了变量可分为原始值和引用值. 原始值:是保存在栈(stack)中的简单数据段:也就是说他们的值是直接存储在变量访问的位置. 引用值:是保存在堆(heap)中的对象,也就 ...

  3. 《javascript面向对象精要》读书笔记

    <javascript面向对象精要> 买这本书的原因主要是因为作者,Nicholas C. Zakas 牛X闪闪的js专家,读过js高程的应该都知道他,而这本书是他的最新力作,感觉也是js ...

  4. 03.JavaScript 面向对象精要--理解对象

    JavaScript 面向对象精要--理解对象 尽管JavaScript里有大量内建引用类型,很可能你还是会频繁的创建自己的对象.JavaScript中的对象是动态的. 一.定义属性 当一个属性第1次 ...

  5. JavaScript面向对象精要(一)

    数据类型 在JavaScript中,数据类型分为两类: 原始类型:保存一些简单数据,如true.5等.JavaScript共同拥有5中原始类型: boolean:布尔.值为true或false num ...

  6. JavaScript面向对象精要

    来自:淡忘~浅思. 链接:http://www.ido321.com/1585.html 和 http://www.ido321.com/1586.html 数据类型   在JavaScript中,数 ...

  7. javascript面向对象精要第三章对象整理精要

    什么是对象的数据属性?什么是对象的访问器属性?[put]方法是默认创建数据属性的,访 问器属性不包含值而是定义了一个单属性被读取时调用的函数(getter)和当一个属性被写入时 调用的函数(sette ...

  8. 由js apply与call方法想到的js数据类型(原始类型和引用类型)

    原文地址:由js apply与call方法想到的js数据类型(原始类型和引用类型) js的call方法与apply方法的区别在于第二个参数的不同,他们都有2个参数,第一个为对象(即需要用对象a继承b, ...

  9. 理解JavaScript原始类型和引用类型

    原始类型 我们知道类型(type)定义为值的一个集合,所以每种原始类型定义了它包含的值的范围及其字面量表示形式.一共有5 种原始类型(primitive type),即 Undefined.Null. ...

随机推荐

  1. C# Linq 交集、并集、差集、去重

    using System.Linq;         List<string> ListA = new List<string>(); List<string> L ...

  2. anagularJs指令的controller,link,compile有什么不同

    /directives.js增加exampleDirective phonecatDirectives.directive('exampleDirective', function() { retur ...

  3. scrapy的scrapyd使用方法

    一直以来,很多人疑惑scrapy提供的scrapyd该怎么用,于我也是.自己在实际项目中只是使用scrapy crawl spider,用python来写一个多进程启动,还用一个shell脚本来监控进 ...

  4. 读书笔记 --TCP :传输控制协议(二)

    TCP建立连接 请求端(客户端)发送一个SYN指明客户端打算连接的服务器端口号,以及初始序列号. 服务端发回包含服务器的初始序号的SYN报文段作为应答.同时,将确认序号设置为客户的ISN加1以对客户的 ...

  5. event.keyCode ,event.which ,event.charCode (2016-12-27 16:17:16)

    javascript判断是否按回车键 <input id="chatMsg" name="chatMsg" type="text" s ...

  6. Ajax请求成功,进入error回掉函数

    后台无返回值,则不需要datatype.

  7. wex5 实战 wex5与js的组件关系与执行顺序(父子与先后)

    初学wex5,先理理让人容易混淆的三个概念: 一 基本概念: 1 wex5组件,顾名思义,在编辑窗口右侧的组件集合里的,都是wex5基于开源自创的组件,并封装了一套自已的方法.目的是为了方便.相关方法 ...

  8. busybox的编译、使用及安装

    转载于:http://blog.sina.com.cn/wyw1976 busybox是什么? (1)busybox是Linux上的一个应用程序(application),即只有一个ELF文件头. ( ...

  9. ThreadLocal的理解

    ThreadLocal 不是用来解决共享对象的多线程访问问题的,一般情况下,通过ThreadLocal.set() 到线程中的对象是该线程自己使用的对象,其他线程是不需要访问的,也访问不到的.每个线程 ...

  10. 在dede:arclist、dede:list等标签中调用附加字段

    {dede:list perpage='20'} <div class="f-con01"> <div class="f-con01-l"&g ...