01.JavaScript 面向对象精要--原始类型和引用类型
一.什么是类型
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 面向对象精要--原始类型和引用类型的更多相关文章
- ECMAScript5面向对象技术(1)--原始类型和引用类型
概述 大多数开发者在使用Java或C#等基于类的语言的过程中学会了面向对象编程.由于JavaScript没有对类的正式支持,这些开发者在学习JavaScript时往往会迷失方向: JavaScript ...
- Javascript的数据类型(原始类型和引用类型)
1.ECMAScript3中定义了变量可分为原始值和引用值. 原始值:是保存在栈(stack)中的简单数据段:也就是说他们的值是直接存储在变量访问的位置. 引用值:是保存在堆(heap)中的对象,也就 ...
- 《javascript面向对象精要》读书笔记
<javascript面向对象精要> 买这本书的原因主要是因为作者,Nicholas C. Zakas 牛X闪闪的js专家,读过js高程的应该都知道他,而这本书是他的最新力作,感觉也是js ...
- 03.JavaScript 面向对象精要--理解对象
JavaScript 面向对象精要--理解对象 尽管JavaScript里有大量内建引用类型,很可能你还是会频繁的创建自己的对象.JavaScript中的对象是动态的. 一.定义属性 当一个属性第1次 ...
- JavaScript面向对象精要(一)
数据类型 在JavaScript中,数据类型分为两类: 原始类型:保存一些简单数据,如true.5等.JavaScript共同拥有5中原始类型: boolean:布尔.值为true或false num ...
- JavaScript面向对象精要
来自:淡忘~浅思. 链接:http://www.ido321.com/1585.html 和 http://www.ido321.com/1586.html 数据类型 在JavaScript中,数 ...
- javascript面向对象精要第三章对象整理精要
什么是对象的数据属性?什么是对象的访问器属性?[put]方法是默认创建数据属性的,访 问器属性不包含值而是定义了一个单属性被读取时调用的函数(getter)和当一个属性被写入时 调用的函数(sette ...
- 由js apply与call方法想到的js数据类型(原始类型和引用类型)
原文地址:由js apply与call方法想到的js数据类型(原始类型和引用类型) js的call方法与apply方法的区别在于第二个参数的不同,他们都有2个参数,第一个为对象(即需要用对象a继承b, ...
- 理解JavaScript原始类型和引用类型
原始类型 我们知道类型(type)定义为值的一个集合,所以每种原始类型定义了它包含的值的范围及其字面量表示形式.一共有5 种原始类型(primitive type),即 Undefined.Null. ...
随机推荐
- 论文阅读(Xiang Bai——【CVPR2012】Detecting Texts of Arbitrary Orientations in Natural Images)
Xiang Bai--[CVPR2012]Detecting Texts of Arbitrary Orientations in Natural Images 目录 作者和相关链接 方法概括 方法细 ...
- CSS中隐藏内容的3种方法及属性值
CSS中隐藏内容的3种方法及属性值 (2011-02-11 13:33:59) 在制作网页时,隐藏内容也是一种比较常用的手法,它的作用一般有:隐藏文本/图片.隐藏链接.隐藏超出范围的内容.隐藏弹出 ...
- UWP toast
Windows10的自适应和交互式toast通知是一个新特性.它可以让你: 创建灵活的toast通知,包括内嵌图片及更多的内容,不在局限于之前Windows 8.1和Windows Phone 8.1 ...
- linux虚拟机上不了网--桥接方式--问题一直未解决
转载的:可是自己的虚拟机就是上不了网,无线网卡该配的也配了还是不行,如果真有台物理机器就行了,省了好多事:但是模拟性能时肯定不行了:有人知道是什么原因不? 虚拟机网络模式 无论是vmware,virt ...
- SQL Server取datetime的日期部分
在c#中有个Date属性用于返回日期,其实就是当天0点. DateTime dtNow = DateTime.Now; DateTime dtNow2 = dtNow.Date; Console.Wr ...
- MQ通道配置
转自:http://www.cnblogs.com/me115/p/3471788.html MQ通道配置 通道是用来连接两个队列管理器的: 在单个队列管理器内读写消息不需要建立通道:但在一个队列管理 ...
- [转]Google Guava官方教程(中文版)
Google Guava官方教程(中文版) http://ifeve.com/google-guava/
- Redis的Replication(复制)
文件并发(日志处理)--队列--Redis+Log4Net 分布式中使用Redis实现Session共享(二) http://www.cnblogs.com/stephen-liu74/archive ...
- nginx+tomcat+二级域名静态文件分离支持mp4视频播放配置实例
nginx+tomcat+二级域名静态文件分离支持mp4视频播放配置实例 二级域名配置 在/etc/nginx/conf.d/目录下配置二级域名同名的conf文件,路径改成对应的即可 statics. ...
- WebLogic集群体系架构
WebLogic Server集群概述 WebLogic Server 群集由多个 WebLogic Server 服务器实例组成,这些服务器实例同时运行并一起工作以提高可缩放性和可靠性.对于客户端 ...