javascript 高级编程系列 - 基本数据类型

javascript中的基本数据类型包括:

Undefined, Null, Boolean, Number, String 5种数据类型

1. Undefined 类型 (只有一个值 undefined, 常被用来表示未初始化的变量)

  • 如果一个变量未进行初始化则它的初始值为undefined, 数据类型为Undefined

var myVar;

myVar === undefined               // return true

typeof myVar === ‘undefined‘   // return true

  • 函数的参数列表中,未传入的实参的形参其值为undfined

function sum(a, b){

if(b === undefined) b = 0;

return a + b;

}

sum(1,2);     // return 3

sum(1);        // return 1, 其中第二个参数未传递值,则其值为undefined,

2. Null 类型 (只有一个值 null, 常被用来表示一个空对象指针)

  • 由于用来表示空对象,所以 typeof null === ‘object‘
  • 由于undefined 值派生自 null值,所以 null == undefined

3. Boolean 类型 (有两个值:true, false)

  • 数据类型转换使用 Boolean()

String:  Boolean(‘str‘); // true

Boolean(‘‘);    // false

Number: Boolean(2);    // true

Boolean(0);    // false

Object:   Boolean({});  // true

Null:       Boolean(null); // false

Undefined: Boolean(undefined);  // false;

4. String 类型

  • 数据类型转换

var myVar = 5;

String(5);                //   return ‘5‘   将任意类型转为字符串

myVar.toString();     //   return ‘5‘,  undefined 与 null 值没有此方法

myVar.toString(2);   //   return ‘101‘, 以二进制的形式返回

myVar += ‘‘;           //    return ‘5‘,  利用数据自动转换

 5. Number 类型

  • 浮点型 由于计算舍入误差 最好不要用在条件测试中
  • 整型    8进制在严格模式下无效
  • 最大值 Number.MAX_VALUE, 最小值 Number.MIN_VALUE
  • 正无穷大 Number.POSITIVE_INFINITY, 负无穷大 Number.NEGATIVE_INFINITY, 函数isFinite(value) 用于断定一个数值是否介于正无穷和负无穷之间
  • NaN 表示一个不是数值的值, 函数isNaN(value) 用于判断一个值进行数据类型转换后是不是 ‘不是数值‘
  • 数据类型转换 Number() , parseInt(), parseFloat()

Number() : 可以转换任意类型的数据, 下面的表达式均返回true

Number(undefined) === NaN;

Number(null) === 0;

Number(‘34‘) === 34;

Number(‘34df‘) === NaN;

Number(‘‘) === 0;

Number(true)  === 1;

Number(false) === 0;

Number({})   === NaN;

parseInt(): 主要用于将字符串转换为整型类型, 第二个参数可以指定进制

parseInt(‘ 12df‘) === 12

parseInt(‘2.4dd‘) === 2

parseInt(‘‘) === NaN

parseInt(‘10‘, 10) === 10

parseInt(‘10‘, 2) === 2

parseFloat(): 用于将字符串转为浮点型数据,规则与parseInt相似,但没有第二个参数但,只能转为10进制浮点数

时间: 2024-08-25 15:31:37

javascript 高级编程系列 - 基本数据类型的相关文章

javascript 高级编程系列 - 函数

一.函数创建 1. 函数声明 (出现在全局作用域,或局部作用域) function add (a, b) { return a + b; } function add(a, b) { return add1(a,b); function add1(m, n) { return m + n; } }    2. 函数表达式 作为普通变量 var add = function (a, b){ return a + b; }; 作为对象方法 var obj = { value: 0, add: fun

JavaScript高级编程

原文地址: http://www.onlamp.com/pub/a/onlamp/2007/07/05/writing-advanced-javascript.html Web应用程序(Web Applications)        从计算机纪元的黎明刚刚来临開始,不同平台间软件的互用性就一直是关注的焦点.为了尽可能实现用户的最大要求,软件公布者往往将流行软件从一个机器移植到另外一个机器上,这通常要花费数月的辛苦劳动,有时甚至是整个软件在新的硬件或者操作系统上的全然重写.随着计算机功能的不断强

读javascript高级编程07-引用类型、Object、Array

一.引用类型 ECMAScript是支持面向对象的,可以通过引用类型描述一类对象所具有的属性和方法. 创建对象实例的方法时是用new 操作符加构造函数:var p=new Person(). 二.Object类型 1.创建Object实例两种方式: 使用new操作符跟Object构造函数. var o = new Object(); o.name = 'dami'; o.age = 25; 使用对象字面量表示法,推荐这种方式,代码量小而且看上去有封装的感觉. var o = { name: 'd

javascript高级编程笔记01(基本概念)

1.在html中使用JavaScript 1.  <script> 元素 <script>定义了下列6个属性: async:可选,异步下载外部脚本文件. charset:可选,通过src属性指定代码的字符集,大多浏览器会忽略这个值,所以很少人使用 language:已放弃 src:可选,外部脚本的地址 type:可选,现在不推荐用“text/javascript”,考虑到约定俗成和最大限度的浏览器兼容,目前type属性的值还是text/javascript,不过,这个属性并不是必需

读javascript高级编程11-事件

一.事件流 事件流指从页面中接收事件的顺序. 1.事件冒泡(常用) IE中采用的事件流是事件冒泡,先从具体的接收元素,然后逐步向上传播到不具体的元素. 2.事件捕获(少用) Netscapte采用事件捕获,先由不具体的元素接收事件,最具体的节点最后才接收到事件. 3.DOM事件流 DOM2级事件包括三个阶段:事件捕获阶段.处于目标阶段和事件冒泡阶段. 二.事件处理程序 事件处理程序就是响应某些事件的函数,如onclick等. 1. DOM0级事件处理程序 每个元素都有自己的事件处理程序属性,如o

JavaScript高级编程随笔

前言: 本人之前在博客园写过一遍关于MVC基础的一个小文章,由于当时各种原因没能继续坚持写下去,最近本人在学习JavaScript,想用自己的方式整理出来,主要是为了加深自己的印象,我还是一个前端的小学生,希望各位前端的前辈多指点.我会吧每一章节学到的看到的整理到我的博客园里,虽然这本书前面讲的很基础,我也会坚持发表文章.好了废话说到这里开始进入正题. Content: 本人现在准备要看的第一本书是<JavaScript高级编程>[第三版],这是一本比较经典的JS书籍,即使前面几章比较简单基础

JavaScript高级编程II

原文地址: http://www.onlamp.com/pub/a/onlamp/2007/08/23/advanced-javascript-ii.html?page=1 在前面的文章中,我们介绍了两类JavaScript小工具及其源代码:浮动文本和弹出菜单.本文中,我们将继续介绍另外几个实用的JavaScript小工具,并着重说明其工作原理,因此你能够简单改动后应用到自己的程序中.本文中的JavaScript代码应该不用做不论什么改动就能够在当前全部主流浏览器上执行.所以,不用再费周折…… 

读javascript高级编程02-变量作用域

一. 延长作用域链 有些语句可以在作用域前端临时增加一个变量对象,该变量对象在代码执行完成后会被移除. ①with语句延长作用域. function buildUrl(){ var qs="?debug=true"; with(location){ var url=href+qs; } return url; } buildUrl(); //result:http://www.fanxbao.com/?debug=true ②try...catch...中的catch语句块延长作用域链

读javascript高级编程10-DOM

一.节点关系 元素的childNodes属性来表示其所有子节点,它是一个NodeList对象,会随着DOM结构的变化动态变化. hasChildNodes():是否有子节点. var headlines=document.getElementById("headline_block"); var childs=headlines.childNodes; childs.length;//1 childs[0];//取第一个子节点 childs.item(0);//取第一个子节点 pare