Javascript

javascript

一、JavaScript

1.1 组成部分

• ECMAScript
• DOM
• BOM

二、数据类型

2.1 基本数据类型

• number : 整数、浮点数、Infinity、0x10、 10、010、0b10
• string : 'str' "str"
• boolean : true false
• undefined : undefined
• null : null

2.2 引用数据类型

• Object
  
  • Function
  • Array
  • Date
  • String
  • RegExp
  • ...

三、变量

3.1 声明变量

var var_name;
var va, vb, vc;
// ES6增
let va;   // 变量
const PI; // 常量（值不能改变）

3.2 变量赋值

var a; // 声明变量
a = 4; // 变量赋值
var b = 5;
var x = 5, y = 6, z = 7;

3.3 变量名的命名规则

• 由数字、字母、下划线、$组成；
• 不能以数字开头；
• 不能是关键字和保留字；
• 区分大小写；

3.4 变量名的命名规范

• 采用驼峰命名；
• 见名知意；

四、运算符

4.1 算术运算符

+、-、*、/、%、++、--

4.2 赋值运算符

=、+=、-=、*=、/=、%=

4.3 关系运算符

>、<、>=、<=、==、!=、===、!==

4.4 逻辑运算符

&、|、!、&&、||

4.5 条件运算符(三元运算符、三目运算符)

boolean_exp ? true_val : false_val

4.6 字符串连接符

+

4.7 位运算符

~、&、|、^、<<、>>、>>>

五、条件语句

5.1 if语句

5.1.1 简单if

5.1.2 if-else

5.1.3 多重if

5.1.4 嵌套if

5.2 switch语句

swtich(exp) {
    case num1:
        // TODO
        break;
    case num2:
        // TODO 
        break;
    ...
    default:
        // TODO 
}

六、循环语句

6.1 while循环

while(boolean_exp) {
    // TODO 
}

6.2 do-while循环

do {
    // TODO 
} while(boolean_exp);

6.3 for循环

for(var i = 0; i < 10; i++) {
    // TODO
}

6.4 break、continue

• break : 终止循环
• continue : 结束本轮循环，进入下一轮循环

七、数组

// 定义数组
var ary1 = new Array();
var ary2 = new Array(5);
var ary3 = new Array(1, 2, 3);
var ary4 = [4, 5, 6];
// 获取数组长度
var len = ary.length;
// 数组的遍历
// 普通for循环
for(var i = 0; i < ary.length; i++) {
    console.log(ary[i]);
}
// 普通for循环-升级版
for(var i = 0, len = ary.length; i < len; i++) {
    console.log(ary[i]);
}
// for-in
for(var i in ary) {
    console.log(ary[i]);
}
// 使用ES5的forEach
ary.forEach(function(val) {
    console.log(val);
});
// 使用ES6的for-of
for(var v of ary) {
    console.log(v);
}
// 数组常用方法
// 排序
ary.sort(function(a, b) {
    return a - b;
});
ary.push(3); // 最后添加一个元素3
ary.pop(); // 删除最后一个元素
ary.unshift(4); // 开头位置添加元素
ary.shift(); // 删除第一个元素
ary.splice(2, 1, 3, 4); 
ary.slice(2, 4); // 提取子数组
ary.reverse(); // 反转
ary.join('-'); // 把数组按照指定分隔符连接成字符串

八、函数

// 定义函数
// 1
function fn() {
    // TODO
}
// 2
var fn = function() {
    // TODO
};
// 3
var fn = new Function('params', 'TODO');

// 函数传参1
var num = 4;
function fn(num) {
    num = 3;
}
fn(num);
console.log(num); // 4

// 函数传参2
var obj = {age:23};
function fn(obj) {
    obj.age = 3;
}
fn(obj);
console.log(obj.age); // 3

// 函数传参3
var obj = {age:23};
function fn(obj) {
    obj = {age: 24}
}
fn(obj);
console.log(obj.age); // 23

// 面试题1
var s = 'a';
s.name = 'age';
console.log(s.name); // undefined

// 面试题2
var s = new String('a');
s.name = 'age';
console.log(s.name); // age

(function() {
})();
(function() {
}());
~function() {
}();

九、字符串

9.1 定义字符串

// 定义字符串
var s1 = 'hello world';
var s2 = "hello world";
var s3 = new String("hello world");

9.2 属性

var len = str.length;  // 获取字符串长度

9.3 方法

.charAt()   // 根据下标找字符
.indexOf()  // 根据字符找下标，如果找不到则返回-1
.lastIndexOf() // 根据字符找下标，是从后向前找
.search()  // 查找,支持正则
.substring(start, end) // 截取字符串，包括start不包括end
.substr(start, length) // 截取字符串，length为要截取字符串的长度
.split() // 按照自定分隔符把字符串拆分为数组
.toUpperCase() // 转换为大写
.toLowerCase() // 转换为小写
.replace()  // 替换，支持正则
.trim() // 去除收尾空格

十、Date

// 获取日期对象
var date = new Date();  // 获取当前时间
var date2 = new Date(23523452345);  // 设置时间
date.getFullYear();
date.getMonth(); // 注意要+1
date.getDate();
date.getHours();
date.getMinutes();
date.getSeconds();
date.getDay(); // 星期
date.getTime(); // 获取时间戳

十一、Math

Math.PI // 圆周率
Math.abs(); // 绝对值
Math.ceil(); // 向上取整
Math.floor(); // 向下取整
Math.round(); // 四舍五入
Math.random(); // 产生一个 [0, 1) 的随机数
// 产生随机数[min, max]的规律
var num = Math.floor(Math.random() * (max - min + 1) + min);

十二、字符串和数字的转换

12.1 字符串 -> 数字

Number(str)  // 不推荐使用
parseInt(str, 10)
parseFloat(str)

12.2 数字 -> 字符串

var a = 34;
var str = a + '';
var s = a.toString();

十三、正则RegExp

13.1 定义

var reg1 = new RegExp("\d");
var reg2 = new RegExp("\d", gi);
var reg3 = /\d/;
var reg4 = /\d/ig;

13.2 元字符

^ 匹配开头
$ 匹配结束
. 匹配所有字符
\d 匹配数字
\w 匹配数字、字母、下划线
\s 匹配空白
\n 匹配换行
\b 匹配单词边界
\D 匹配非数字
...

13.3 量词

{m}  m次
{m,} 至少m次
{m,n}  m到n次
? 最多一次
+ 最少一次
* 任意次数

13.4 方法

var reg = /^[1-9]\d{4, 10}$/;
var qq = '98237529';
console.log(reg.test(qq));