1. 操作符

1.1 一元操作符

1.1.1 递增和递减操作符
var s1 = "2";
var s2 = "z";
var b = false;
var f = 1.1;
var o = {valueOf: function() {return -1;}
};
s1++; // 值变成数值 3
s2++; // 值变成 NaN
b++; // 值变成数值 1
f--; // 值变成 0.10000000000000009(由于浮点舍入错误所致)
o--; // 值变成数值-2
1.1.2 一元加和减操作符
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; // 值变成了数值-1
s2 = -s2; // 值变成了数值-1.1
s3 = -s3; // 值变成了 NaN
b = -b; // 值变成了数值 0
f = -f; // 变成了-1.1
o = -o; // 值变成了数值 1

1.2 位操作符

1.2.1 按位非(NOT)
var num1 = 25; // 二进制 00000000000000000000000000011001
var num2 = ~num1; // 二进制 11111111111111111111111111100110
alert(num2); // -26
1.2.2 按位与(AND)
1.2.3 按位或(OR)
1.2.4 按位异或(XOR)
1.2.5 左移
  • 注意,左移不会影响操作数的符号位。换句话说,如果将 -2 向左移动 5 位,结果将是 -64,而非 64。
1.2.6 有符号的右移
  • 同样,在移位过程中,原数值中也会出现空位。只不过这次的空位出现在原数值的左侧、符号位的
    右侧(见图 3-3)。而此时 ECMAScript 会用“符号位的值”来填充所有空位,以便得到一个完整的值。
1.2.7 无符号的右移
  • 符号:>>>;

1.3 布尔操作符

1.3.1 逻辑非
//使用规则
alert(!false); // true
alert(!"blue"); // false
alert(!0); // true
alert(!NaN); // true
alert(!""); // true
alert(!12345); // false//模拟Boolean()转型函数
alert(!!"blue"); //true
alert(!!0); //false
alert(!!NaN); //false
alert(!!""); //false
alert(!!12345); //true
1.3.2 逻辑与
1.3.3 逻辑或
我们可以利用逻辑或的这一行为来避免为变量赋 null 或 undefined 值。例如:
var myObject = preferredObject || backupObject;
如果 preferredObject 的值不是 null,那么它的值将被赋给 myObject;
如果是 null,则将 backupObject 的值赋给 myObject。
ECMAScript 程序的赋值语句经常会使用这种模式,本书也将采用这种模式。

1.4 乘性操作符

1.4.1 乘法
1.4.2 除法
1.4.3 求模

1.5 加性操作符

1.5.1 加法
1.5.2 减法
var result1 = 5 - true; // 4,因为 true 被转换成了 1
var result2 = NaN - 1; // NaN
var result3 = 5 - 3; // 2
var result4 = 5 - ""; // 5,因为"" 被转换成了 0
var result5 = 5 - "2"; // 3,因为"2"被转换成了 2
var result6 = 5 - null; // 5,因为 null 被转换成了 0

1.6 关系操作符

1.7 相等操作符

1.7.1 相等和不相等
1.7.2 全等和不全等
  • === 和 !==;
1.7.3 由于相等和不相等操作符存在类型转换问题,而为了保持代码中数据类型的完整性,我们推荐使用全等和不全等操作符。

1.8 条件操作符

  • ? 三元运算符;

1.9 赋值操作符

//复合赋值
乘/赋值(*=);
除/赋值(/=);
模/赋值(%=);
加/赋值(+=);
减/赋值(=);
左移/赋值(<<=);
有符号右移/赋值(>>=);
无符号右移/赋值(>>>=);

1.10 逗号操作符

var num1=1, num2=2, num3=3;
var num = (5, 1, 4, 8, 0); // num 的值为 0

2. 语句

2.1 if 语句

  • 业界普遍推崇的最佳实践是始终使用代码块,即使要执行的只有一行代码。因为这样可以消除人们的误解,否则可能让人分不清在不同条件下要执行哪些语句。

2.2 do-while 语句

2.3 while 语句

2.4 for 语句

//由于 ECMAScript 中不存在块级作用域,因此在循环内部定义的变量也可以在外部访问到。例如:
var count = 10;
for (var i = 0; i < count; i++){alert(i);
}
alert(i); //10

2.5 for-in 语句

示例:
for (var propName in window) {document.write(propName);
}

2.6 label 语句

示例:
start: for (var i=0; i < count; i++) {alert(i);
}

2.7 break 和 continue 语句

2.8 with 语句

var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;//使用 with 语句之后
with(location){var qs = search.substring(1);var hostName = hostname;var url = href;
}
  • 由于大量使用 with 语句会导致性能下降,同时也会给调试代码造成困难,因此在开发大型应用程序时,不建议使用 with 语句。

2.9 switch 语句

//合并 case 两种情形
switch (i) {case 25:/* 合并两种情形 */case 35:alert("25 or 35");break;case 45:alert("45");break;default:alert("Other");
}//虽然 ECMAScript 中的 switch 语句借鉴自其他语言,但这个语句也有自己的特色。
//首先,可以在switch 语句中使用任何数据类型(在很多其他语言中只能使用数值),
//无论是字符串,还是对象都没有问题。
//其次,每个 case 的值不一定是常量,可以是变量,甚至是表达式。请看下面这个例子:
switch ("hello world") {case "hello" + " world":alert("Greeting was found.");break;case "goodbye":alert("Closing was found.");break;default:alert("Unexpected message was found.");
}//使用表达式作为 case 值还可以实现下列操作:
var num = 25;
switch (true) {case num < 0:alert("Less than 0.");break;case num >= 0 && num <= 10:alert("Between 0 and 10.");break;case num > 10 && num <= 20:alert("Between 10 and 20.");break;default:alert("More than 20.");
}   
  • switch 语句在比较值时使用的是全等操作符,因此不会发生类型转换(例如,字符串"10"不等于数值 10)。

3. 函数

  • 推荐的做法是要么让函数始终都返回一个值,要么永远都不要返回值。
    否则,如果函数有时候返回值,有时候有不返回值,会给调试代码带来不便。

3.1 理解参数

  • arguments 的理解;
  • ECMAScript 中的所有参数传递的都是值,不可能通过引用传递参数。

3.2 没有重载

  • 如果在 ECMAScript 中定义了两个名字相同的函数,则该名字只属于后定义的函数。
  • 如前所述,通过检查传入函数中参数的类型和数量并作出不同的反应,结合 arguments 的使用,可以模仿方法的重载。

4. 小结

  • ECMAScript 中的基本数据类型包括Null,Undefined,Number,String,Boolean五种;
  • ECMAScript 没有为整数和浮点型定义不同的数据类型,Number类型可以用于表示所有数值;
  • ECMAScript 中也有一种复杂的数据类型Object,该类型是这门语言中所有对象的基础类型;
  • 严格模式为这门语言容易出错的地方是加了限制;
  • 为指定返回值的函数返回的是一个特殊的undefined值;
  • 可以向ECMAScript函数传递任意数量的参数,并且可以通过arguments对象来访问这些参数;
  • 由于不存在函数签名的特性,ECMAScript函数不能重载;

转载于:https://www.cnblogs.com/huoteng/p/4955945.html

JavaScript基本概念(下)相关推荐

  1. javascript的概念

    一.了解JavaScript 页面中所有的动态效果或动态交互基本上都是基于JavaScript来实现的 1.      页面的各种动态效果 2.      对用户操作的响应 3.      对客户端数 ...

  2. 十三、JavaScript面向对象(下) - 章节课后练习题及答案

    第一章链接:初识JavaScript - 章节课后练习题及答案 第二章链接:JavaScript 基础(上) - 章节课后练习题及答案 第三章链接:JavaScript 基础(下) - 章节课后练习题 ...

  3. JavaScript获取select下拉框中的第一个值

    JavaScript获取select下拉框中的第一个值 1.说明 获取select下拉框中的第一个值 2.实现源代码 <!DOCTYPE html PUBLIC "-//W3C//DT ...

  4. js基础--javascript基础概念之函数

    js基础--javascript基础概念之函数 引用w3c介绍: 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. JavaScript 函数语法 函数就是包裹在花括号中的代码块,前面使用 ...

  5. Web前端-JavaScript基础教程下

    Web前端-JavaScript基础教程下 <script>有6个属性: async对外部脚本有效,可以用来异步操作,下载东西,不妨碍其他操作. charset为src属性指定字符集. d ...

  6. 【Java程序设计】类与对象的基本概念(下)

    类与对象的基本概念(下) 文章目录 类与对象的基本概念(下) 一.类的访问权限控制 1.访问控制修饰符 (1)默认访问修饰符-不使用任何关键字 (2)私有访问修饰符-private (3)受保护的访问 ...

  7. 33 个 JavaScript 核心概念系列(三): 显式 (名义) 与 隐式 (鸭子)类型转换

    原文地址:落明的博客 一. 前言 说实话,JavaScript 的类型转换是个相当头疼的问题,无论是对于初学者还是有经验的老司机.它的难处并不在于概念多难理解,而是情况多且杂,看似相同的情况结果却又出 ...

  8. 深入浅出理解Javascript原型概念以及继承机制(转)

    在Javascript语言中,原型是一个经常被讨论到但是有非常让初学者不解的概念.那么,到底该怎么去给原型定义呢?不急,在了解是什么之前,我们不妨先来看下为什么. Javascript最开始是网景公司 ...

  9. javascript 核心概念(1)-数据类型

    语法 (1)到现在为止,大多数浏览器也还是支持到ECMAScript 第三版的标准. 核心概念就是一个语言的基本工作原理,涉及语法,操作符,数据类型. (2)javascript的一切--变量,函数名 ...

最新文章

  1. 最全的Centos6.10详细安装Oracle 11G R2图文教程
  2. python读取excel-python读写Excel
  3. 如何在eclipse中查看源码
  4. 指令重排序及Happens-before法则随笔
  5. 北斗轨迹记录_北斗定位+智慧4G视频校车行业解决方案
  6. type=radio增加onclick没有效果_佳能6d+小痰盂镜头,加1张餐巾纸拍摄花卉,朦胧美效果你喜欢吗?...
  7. JSP内置对象实现表的增删查改
  8. mysql半同步模式_MySQL 半同步复制模式的实现
  9. poj 3278 Catch That Cow (bfs 搜索)
  10. ColorBlinder(我是色盲)
  11. jsp 网页计数器代码
  12. mysql 临时表权限_MySQL临时表浅析
  13. 上海铭控:无线数字压力表正确的安装方式!
  14. Python手撸机器学习系列(十五):简单神经网络
  15. Docker-容器化应用
  16. 坚持开源软件的创新之路--陆首群
  17. 自己动手写数据库系统:容灾恢复原理和容灾恢复日志的设计
  18. 从十亿光年到0.1飞米:从宇宙到细胞,从宏观到微观
  19. 深度学习中的normalization总结(BN、LN、WN、IN、GN)
  20. 查看话单日志和性能日志有效信息的流程

热门文章

  1. php面试题2018mysql_PHP程序员必会的MySQL面试题
  2. JS高级——纯函数、柯里化(手写自动柯里化函数)、组合函数(手写自动组合函数)
  3. 气象数据领航无人飞行器线路优化大赛解决方案(3rd place)
  4. LeetCode 1273. 删除树节点(拓扑排序/DFS)
  5. LeetCode 1450. 在既定时间做作业的学生人数
  6. 【Kaggle】Intermediate Machine Learning(管道+交叉验证)
  7. LeetCode 678. 有效的括号字符串(栈)
  8. 程序闪退怎么运行_苹果应用程序崩溃闪退怎么办?如何解决苹果设备的软故障?...
  9. python中的_init_的使用
  10. Python基础(四)--字典与集合