JS基础理论

JavaScript 基础
程超
大大纲
> 基本介绍 > 数据类型 > 语法
基本介绍
ECMAScript 由 Brendan Eich 于 1995 年创建
year
version
IE
1998.1
ECMA-262 1st + 2nd
4
2000.12
ECMA-262 3rd
5.5-8
2010.6
ECMA-262 5
- 值: undefined - 未赋值的变量是 undefined
Boolean
- 值: true 和 false
Number
- 不区分整数值和浮点数值，所有数字均为浮点数值表示示 - 0.1 ＋ 0.2 == 0.3 => false
数据类型
Boolean
有两个值：true 和 false 转换规则
基本介绍
在⻚页面面上运行行 JavaScript
1. 通过 script 标签链接一一个 js 文文件 (通常情况下在⻚页面面底部) 2. 直接在 script 标签里里写 js 代码
基本介绍
在⻚页面面上运行行 JavaScript
<script type=“text/javascript” src=“main.js”></ script> <script type=“text/javascript”> var a = 1; alert( a ); </script>
语法
变量声明
在 JavaScript 中声明一一个新变量的方方法是使用用关键字 var： var a = true; var b; var c,d,e, f = 1024;
语法
控制结构
循环控制 while & do-while loops for loops for-in loops
分支支控制 if statement switch statement
语法
标识符命名规则
驼峰⻛风格 常量名全大大写 类名大大写开始，其他的都是小小写开始
语法
usedMoney setState isDirty function Editor(){ this.id = utils.getId(); this.document = document; }
语法
注释
/* * 块级注释 */ // 行行级注释
for-in loop
for ( property in object ) { statement; }
语法
分支支控制 if branch
if ( expression ) { statements; } else if ( expression ) { statements; }
语法
分支支控制 switch branch
语法
函数表达式 var add = function(x, y){ var total = x + y; return total; } (function(){ var a = 1; console.log( a ); })();
作业
用用 JavaScript 编写一一个函数 输入入： 一一个正整数 输出：0 到输入入间的所有回文文数字到控制台
数据类型
获取数据类型
typeof
Object.prototype.toString.call
语法
/* this is comment */ var a = true; if ( a ) { a = false; } while ( !a )量名，大大小小写敏感 规则 => Start with $ _ letter Followed by digits (0-9) $ _ letter Unicode letters Unicode escape sequences
语法
循环控制 while & do-while
while ( expression ) { statement; } do { statement; } while ( expression );
语法
循环控制 for loop
for ( initialize; test; update ) { statement; }
switch ( expression ) { case expression: statements; case expression: statements; break; default: statements; }
语法
函数 function add(x, y) { var total = x + y; return total; }
语法
函数 add() add(2, 3, 4)
语法
函数 function add() { var sum = 0; for (var i = 0, j = arguments.length; i < j; i+ +) { sum += arguments[i]; } return sum; } > add(2, 3, 4, 5)
数据类型
parseInt(" 0xF", 16); parseInt(" F", 16); parseInt("015", 10); parseInt(15.99, 10); parseInt("FXX123", 16); parseInt("15e2", 10);
parseInt("Hello", 8);
语法
函数 一一个 JavaScript 函数可以包含 0 个或多个已命名的变量 return 语句在返回一一个值并结束函数 如果没有使用用 return 语句，或者一一个没有值的 return 语句， JavaScript 会返回 undefined
语法
函数调用用 如果调用用函数时没有提供足足够的参数，缺少的参数会被 undefined 替代 可以传入入多于函数本身身需要参数个数的参数，可以通过 arguments 访问
数据类型
Number
parseInt(string, radix) : 将字符串转化为整形 逐个解析字符串中的自自负，直到遇到一一个无无法被解析为数字的字符 Radix 默认是 10进制, 调用用这个函数时，最好都写上具体的 radix 值 不传 radix 时：
Radix ＝ 16 when the string starts with 0x or 0X Radix ＝ 8 or 10 when the string starts with 0 Else radix is 10
数据类型
JavaScript 里里类型指的是值，而而非非变量
Primitive
Null Undefined Boolean Number String Symbol (ES6)
Object
Function Array Date RegExp Error
数据类型
Null
- 值: null
Undefined
0 ‘’ null undefined NaN false => false 其他都是 true
数据类型
Number
JavaScript 支支持标准的算术运算符，包括加减乘除等等 内置对象 Math Math.sin(3.5); var d = Math.PI * 3 * 3;
NaN ：not a number Infinity ：正无无穷 -Infinity ：负无无穷 isFinite: 判断是否为有穷数
9
基本介绍
ECMAScript 2015 (ES 6) 已经正式发布 ES 7 草案进行行中
/
基本介绍
JavaScrip 引擎
解释和执行行 JS 代码的虚拟机
V8 by Google used in Chrome、Node.js Chakra by MS used in IE SpiderMonkey by Mozilla used in Firefox JavaScriptCore by Apple used in Safari