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. ...
随机推荐
- 通什翡翠商城大站协议邮件群发系统日发20-30万封不打码不换ip不需发件箱100%进收件箱
用一种新的技术思维去群发邮件一种不用换IP,不需要任何发件箱的邮件群发方式一种不需要验证码,不需要**代码变量的邮件群发方式即使需要验证码也能全自动识别验证码的超级智能软件教你最核心的邮件群发思维和软 ...
- 使用Redux管理你的React应用(转载)
本文转载自: http://www.cnblogs.com/matthewsun/p/4773646.html
- linux 连接到阿里云服务器
当Windows拥有xshell软件可以连接到你的远程服务器时,Linux其实自己带有的ssh就可以连接: 具体命令是: ssh root@60.2.5.201.81然后输入你服务器的密码:××××× ...
- 夺命雷公狗-----React_native---3---react-native-cli的安装
我们用npm安装下react-native-cli,并用-g来全局安装,我们用命令 npm install -g react-native-cli 如果和下图一样即表示已安装成功:
- 【转帖】ActiveX部件不能创建对象的终极解决方案
建一个批处理文件,内容如下: echo 正在修复,这个过程可能需要几分钟,请稍候-- rundll32.exe advpack.dll /DelNodeRunDLL32 %systemroot%Sys ...
- IDEA 将已有项目添加到git
首先,我们解决的情况是,已经有了一个正在开发的项目,现在我们要把他分享到git@osc上面去. 1.第一步,当然是先在Git@OSC上创建仓库,拿到Git@OSC仓库的HTTP连接http://git ...
- android 断点下载---XUtils
配置权限 <uses-permission android:name="android.permission.INTERNET"/> <uses-permissi ...
- 精益化设计:把敏捷方法和Lean UX相结合
敏捷方法已经成为了主流.同时,Kindle和iPhone等设备取得的巨大成功也推动了体验设计的飞速发展.不过,如何把敏捷方法和UX设计结合起来,一直以来都是一个难题.文章将探讨如何把UX融入到最流行的 ...
- Linux下的Hello world
总算正式开始学习Linux了. 先从Hello world入手. 1. 查看当前目录 lenovo@ubuntu:~$ pwd /home/lenovo 2. 新建test目录 lenovo@ubun ...
- 数据分析 - 开放街道地图(OpenStreetMap)
数据分析 - 开放街道地图(OpenStreetMap) Reinhard使用OpenStreetMap的开放地图数据作为本次数据分析的数据源,使用Python进行数据清洗,使用MongoDB进行数据 ...