《JavaScript高级程序设计》笔记:基本概念(三)
数据类型
ECMAScript中有5种简单数据类型(也称为基本数据类型):undefined,null,boolean,number和string。
typeof
typeof null会返回“object”。因为特殊值null被认为是一个空的对象引用。
undefined
undefined类型只有一个值,即特殊的undefined。在使用var声明变量,但没有对变量进行初始化时,这个变量的值就是undefined。
对未初始化的变量执行typeof操作符会返回undefined,而对未声明的变量执行typeof操作符同样也会返回undefined。
var message; alert(typeof message); // undefined
alert(typeof age); // undefined
null
null类型是第二个只有一个值的数据类型,这个特殊的值是null。从逻辑角度上看,null值表示一个空对象指针,而这也正是使用typeof操作符检测null值会返回“object”的原因。
alert(null==undefined); // true
这里,位于null和undefined之间的相等操作符(==)总是返回true。
尽管null和undefined有这样的关系,但它们的用途完全不同。如前所述,无论在什么情况下都没有必要把一个变量显式地设置为undefined,可是同样的规则对null却不适用。换句话说,只要意在保存对象的变量还没有真正保存对象,就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例,而且也有助于进一步区分null和undefined。
Boolean类型
该类型只有两个字面值:true和false。这2个值跟数字值不是同一回事,因为true不一定等于1,false不一定等于0。该类型的2个值是区分大小写的。
虽然Boolean类型只有两个字面值,但ECMAScript所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值,可以调用转型函数Boolean()。
var message="hello world!";
var messageAsBoolean=Boolean(message);
console.log(messageAsBoolean);// true
Number类型
浮点数值
浮点数值的最高精度是17位小数,但在进行算术计算时其精确度远不如整数。例如,0.1加0.2的结果不是0.3,而是0.300000000000000004,这个小小的舍入误差会导致无法测试特定的浮点数值。
var a=0.2,b=0.1;
if(a+b==0.3){
console.log("you got 0.3.");
}
我们测试这两个数的和不等于3,如果这2个数是0.25和0.05,或者是0.15和0.15,结果都是没有问题的。如果是0.1和0.2,那么测试无法通过。因此,永远不要测试某个特定的浮点数值。
NaN
NaN的两个特点,一是任何涉及NaN的操作(例如NaN/10)都会返回NaN,这个特点在多步计算中有可能导致问题。其次,NaN与任何值都不相等,包括NaN本身。
isNaN()函数接收一个参数,该参数可以是任何类型,而函数会帮我们确定这个参数是否“不是数值”,isNaN()在接收这个值后,会尝试将这个值转换为数值。而任何不能被转换为数值的值都会导致这个函数返回true.
alert(NaN==NaN); // false
alert(isNaN(isNaN)); // true
alert(isNaN(10)); // false
alert(isNaN("10")); // false
alert(isNaN("blue")); // true
alert(isNaN(true)); // false
数值转换
Number(), parseInt(),parseFloat()
Number()函数的转换规则如下:
- 1.如果boolean值,true和false将分别被转换为1和0
- 2.如果是数字值,只是简单的传入和返回
- 3.如果是null值,返回0
- 4.如果是undefined,返回NaN
操作符
一元操作符
递增和递减操作符
执行前置递增和递减操作时,变量的值都是在语句被求值以前改变的。(在计算机科学领域,这种情况通常被称为副效应)
var age = 29;
var anotherAge = --age +2; alert(age); //
alert(anotherAge); //
由于前置递增和递减操作与执行语句的优先级相等,因此整个语句会从左至右被求值。
var num1 = 2;
var num2 = 20;
var num3 = --num1 + num2; // 等于21
var num4 = num1 + num2; // 等于21
后置型递增和递减操作符的语法不变(仍然分别是++和--),只不过要放在变量的后面而不是前面。后置递增和递减与前置递增和递减有一个非常重要的区别,即递增和递减操作是在包含他们的语句被求值之后才执行的。
var num1 = 2;
var num2 = 20;
var num3 = num1-- + num2; // 等于22
var num4 = num1 + num2; // 等于21
一元加和减操作符
在对非数值应用一元加操作符时,该操作符会像Number()转型函数一样对这个值执行转换。换句话说,布尔值false和true将被转换为0和1,字符串值会被按照一组特殊的规则进行解析,而对象是先调用它们的valueOf()和toString()方法,再转换得到的值。
var s1 = "01";
var s2 = "1.1";
var s3 = "z";
var b = false;
var f = 1.1;
var o = {
valueOf : function(){
return -1;
}
} s1 = +s1; //
s2 = +s2; // 1.1
s3 = +s3; // NaN
b = +b; //
f = +f; // 1.1
o = +o; // -1
一元减操作符只要用于表示负数,例如将1转换成-1。
一元加和减操作符只要用于基本的算术运算,也可以像前面的示例所展示的一样用于转换数据类型。
加性操作符
加法
var result1 = 5+5;
alert(result1); // var result2 = 5+"5";
alert(result2); // "55"
减法
var result1 = 5 - true; //
var result2 = NaN -1; // NaN
var result3 = 5-3; //
var result4 = 5 - ""; //
var result5 = 5 - "2"; //
var result6 = 5 - null; //
相等操作符
null == undefined; // true
"NaN" == NaN; // false
5 == NaN; // false
NaN == NaN; // false
NaN != NaN; // true
false ==0; // true
true == 1; // true
true == 2; // false
undefined ==0; false
null ==0; false
"5"==5; // true
记住:null == undefined会返回true,因为它们是类似的值;但null===undefined会返回false,因为它们是不同类型的值。
语句
ECMA-262规定了语句(也称为流控制语句),有if语句、do-while语句、while语句、for语句、for-in语句、label语句、break和continue语句、with语句、switch语句。
label语句
JavaScript语言允许,语句的前面有标签(label),相当于定位符,用于跳转到程序的任意位置,标签的格式如下。
label:
statement
标签可以是任意的标识符,但是不能是保留字,语句部分可以是任意语句。
标签通常与break
语句和continue
语句配合使用,跳出特定的循环。
top:
for (var i = 0; i < 3; i++){
for (var j = 0; j < 3; j++){
if (i === 1 && j === 1) break top;
console.log('i=' + i + ', j=' + j);
}
}
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
上面代码为一个双重循环区块,break
命令后面加上了top
标签(注意,top
不用加引号),满足条件时,直接跳出双层循环。如果break
语句后面不使用标签,则只能跳出内层循环,进入下一次的外层循环。
continue
语句也可以与标签配合使用。
top:
for (var i = 0; i < 3; i++){
for (var j = 0; j < 3; j++){
if (i === 1 && j === 1) continue top;
console.log('i=' + i + ', j=' + j);
}
}
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
// i=2, j=0
// i=2, j=1
// i=2, j=2
上面代码中,continue
命令后面有一个标签名,满足条件时,会跳过当前循环,直接进入下一轮外层循环。如果continue
语句后面不使用标签,则只能进入下一轮的内层循环。
说明:
break
语句和continue
语句都具有跳转作用,可以让代码不按既有的顺序执行。
break
语句用于跳出代码块或循环。
continue
语句用于立即终止本轮循环,返回循环结构的头部,开始下一轮循环。
width语句
width语句的作用是将代码的作用域设置到一个特定的对象中,如下例子:
var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;
console.log(qs); // 空
console.log(hostName); //127.0.0.1
console.log(url); //http://127.0.0.1:8848/test02/index.html
上面几行代码都包含location对象,那么用width如下:
with(location){
var qs = search.substring(1);
var hostName = hostname;
var url = href;
console.log(qs); // 空
console.log(hostName); //127.0.0.1
console.log(url); //http://127.0.0.1:8848/test02/index.html
}
函数
function sum(num1, num2){
return num1 + num2;
alert("Hello world"); // 永远不会放弃
}
这个函数会在执行完return 语句之后停止并立即退出。因此,位于return 语句之后的任何代码都不会执行。
《JavaScript高级程序设计》笔记:基本概念(三)的更多相关文章
- 《JavaScript高级程序设计》 -- 基本概念(一)
之前看过好几遍<JavaScript高级程序设计>这一书,但是始终没有完完整整的看过一遍.从现在开始我会把它完整的啃一遍,每章节都记录笔记,自己的心得,加油! 由于前三章的内容比较简单,因 ...
- JavaScript高级程序设计笔记之面向对象
说起面向对象,大部分程序员首先会想到 类 .通过类可以创建许多具有共同属性以及方法的实例或者说对象.但是JavaScript并没有类的概念,而且在JavaScript中几乎一切皆对象,问题来了,Jav ...
- javascript高级程序设计--笔记01
概述 JavaScript的实现包含三个部分: 1 核心(ECMAScript) 提供核心语言功能 2 文档对象模型(DOM) 一套提供了访问以及操作网页内容的API 3 浏览器对象模型( ...
- JavaScript高级程序设计笔记(一)
---恢复内容开始--- 前三章为基础知识,为了方便以后查看,所以比较啰嗦.这里对函数的基本操作没有记录. 1.JavaScript的实现 虽然 JavaScript 和 ECMAScript 通常都 ...
- JavaScript高级程序设计笔记 事件冒泡和事件捕获
1.事件冒泡 要理解事件冒泡,就得先知道事件流.事件流描述的是从页面接收事件的顺序,比如如下的代码: <body> <div> click me! </div> & ...
- 读javascript高级程序设计01-基本概念、数据类型、函数
一. javascript构成 1.javascript实现由三部分组成: ECMAScript:核心语言功能 DOM:文档对象模型,提供访问和操作网页内容的方法和接口 BOM:浏览器对象模型,提供与 ...
- JavaScript 高级程序设计 01-基本概念
一.JavaScript组成 1.一个完成JavaScript是由ECMAScript.DOM.BOM三部分组成的. ECMAScript:提供核心语言功能--语法.类型.语句.关键字.保留字.操作符 ...
- javascript事件小结(事件处理程序方式)--javascript高级程序设计笔记
1.事件流:描述的是从页面中接收事件的顺序. 2.事件冒泡:IE的事件流叫做事件冒泡,即事件开始从具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到不具体的节点(文档). 3.事件捕获 ...
- JavaScript高级程序设计--对象创建的三种方法
创建对象的三种方法: 1.工厂模式 工厂模式是软件工程领域广为人知的设计模式,这种模式抽象了创建具体对象的过程.下面是使用工厂函数创建对象的的一个例子. 2.构造函数: 从上面的例子中,我们看到构造函 ...
- Javascript高级程序设计笔记(很重要尤其是对象的设计模式与继承)
var obj = {'a':'a'}; var fun = function (){} console.log(typeof obj);//object console.log(typeof fun ...
随机推荐
- 全栈开发工程师微信小程序-中(中)
全栈开发工程师微信小程序-中(中) 开放能力 open-data 用于展示微信开放的数据 type 开放数据类型 open-gid 当 type="groupName" 时生效, ...
- The SDK 'Microsoft.NET.Sdk' specified could not be found.
有一台电脑用 VS Code 开发 .NET Core 项目时,每次打开文件夹都有一个错误(标题),定位在 C# 插件,鼠标放在代码上没有智能提醒,输入代码时没有补全提示,重装 VS Code 和所有 ...
- 页面怎么引用外部css+js代码
外部css样式:把css样式写到一个文件内,方便使用,减少冗余. 如果使用的是外部css样式,页面怎么引用: 使用 <link rel="stylesheet" type=& ...
- DevOps - 参考信息
DevOps DevOps(Development+Operations)强调共同对业务目标负责,以实现用户价值作为唯一的评判标准:保证产品功能及时实现.成功部署和稳定使用: 是一种重视软件开发人员( ...
- 常用浏览器内核!IE,Chrome ,Firefox,Safari,Opera 等内核
常用浏览器内核: IE内核为:trident: Chrome内核为:blink(基于webkit,谷歌与Opera software共同开发): Firefox内核为:gecko: Safari内核为 ...
- eos开发(一) eos开发环境搭建
区块链最近挺火的,我又是个非常缺钱的人,所以紧跟了潮流一头扎进区块链的研究中. 这EOS项目是目前比较火的一个项目,相信很多朋友拿到这份EOS的源代码后都会一脸懵逼,因为……这代码写得太高级了,老纸看 ...
- 解决transition动画与display冲突的几种方法
如demo(如果没有显示,请查看源地址http://jsfiddle.net/ihardcoder/HNduT/2/)所示,基本的效果是在点击“Translate”按钮后,蓝色区域透明度变为0,然后隐 ...
- input01.sh: line 11: warning: here-document at line 4 delimited by end-of-file (wanted `EOF') input01.sh: line 12: syntax error: unexpected end of file
写了个脚本用cat>>EOF报错如下: input01.sh: line 11: warning: here-document at line 4 delimited by end-of- ...
- rest-framework之权限组件
权限 权限 作用 : 校验用户是否有权限访问 检测权限肯定是在用户认证通过之后,所有可以直接在request中取出用户做判断 先定义一个类,继承 BasePermission. from rest_f ...
- Linux编程 17 文件权限(权限设置chmod,改变文件属主属组关系chown,chgrp)
一. 概述 如果创建了一个目录或文件,有时会需要改变它的安全性设置,在linux系统上有一些工具可以完成这任务,包括使用chmod命令改变已有默认权限,分别能对属主,属组,其它用户的权限的控制分别以读 ...