JavaScript高级程序设计——知识点整理（Part 1）

最新推荐文章于 2023-03-20 23:28:01 发布

Luxus_C

最新推荐文章于 2023-03-20 23:28:01 发布

阅读量448

点赞数

分类专栏：读书笔记文章标签： javascript

本文链接：https://blog.csdn.net/luchengbing0120/article/details/78161156

版权

读书笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

数据类型

基本类型：Undefined、Null、Boolean、Number、String
引用类型：Object

Undefined
1. 变量声明但未初始化时，值为undefined
Null
Boolean
Number：
1. 永远不要测试某个特定的浮点数值
2. NaN：
  - 任何数值除以非数值，以及0除以0，返回NaN
  - 任何涉及NaN的操作都会返回NaN
  - NaN与任何值都不相等，包括NaN本身
3. 数值转换：
  - Number()用于任何数据类型，parseInt()和parseFloat()专门用于把字符串转换成数值
  - parseInt()可以解析各种进制，而parseFloat()只解析十进制，若是整数也会返回整数
String：
1. 字符串一旦创建，值就不能改变，要改变需要先销毁原来的字符串，再用另一个包含新值得字符串填充该变量
2. 转换为字符串：
  - toString()，但null和undefined没有该方法
  - String()，null返回”null”，undefined返回”undefined”，其他调用toString()
Object：
1. 属性constructor
2. 方法hasOwnProperty(propertyName)，isPrototypeOf(object)，propertyIsEnumberable(propertyName)，toLocaleString()， toString()，valueOf()

操作符

一元加操作符可以用来数值转换，效果与Number()相同
逻辑或操作符可避免为变量赋值null或undefined值

var myObject = object || "";  //如果object为null或undefined，变量会赋予空字符串

加法操作符对于undefined和null，分别调用String()函数取得字符串”undefined”和”null”，然后进行拼接

语句

switch语句在比较值时使用的是全等操作符，不会发生类型转换（”10”不等于10）

函数

return;函数将返回undefined
可以通过arguments对象访问传递进来的参数数组，从而获取传递给函数的每一个参数
arguments[0]访问第一个参数，arguments.length可以获取有多少个参数传递给了函数
arguments的值永远与对应命名参数的值保持同步

function doAdd(num1, num2) {
    arguments[1] = 10;  //此处赋值也会将num2的值改为10
    alert(arguments[0] + num2);
}

并不是说读取这两个值会访问相同的内存空间，它们的内存空间是独立的，但它们的值会同步
arguments对象的长度是由传入的参数个数决定的，不是由定义函数时的命名参数的个数决定的
如果传递的参数只有1个，就不存在arguments[1]，因此以上赋值操作并不会更改num2的值，num2为undefined

ECMAScript函数不能重载

变量

包括基本类型值和引用类型值
JavaScript不允许直接访问内存中的位置
引用类型变量复制指向同一个对象
向参数传递引用类型的值时，会把这个值在内存中的地址（指针）复制给一个局部变量

function setName(obj) {
    obj.name = "Nicholas";  //指针指向的对象name属性被赋值
    obj = new Object();  //obj指向另一个新的对象，与person无关
    obj.name = "Greg";
}
var person = new Object();
setName(person);
alert(person.name);  //"Nicholas"

参数按值传递，obj和person是两个不同变量，储存相同的值——对象内存中的地址（指针）

检测类型
1. typeof操作符，对象或null会返回”object”
2. instanceof操作符
```
colors instanceof Array  //变量colors是Array吗？
```

执行环境及作用域

Web浏览器中，全局执行环境被认为是window对象
初始化变量时没有使用var声明，该变量会自动添加到全局环境

Object类型

创建Object实例的方式有两种
1. 使用new操作符后跟Object构造函数创建
2. 使用对象字面量表示法创建
```
var person = {
    name : "Nicholas",
    age : 29
};
```
可以通过typeof操作符来检测每个属性是否存在
函数的参数传递，最好的做法是对必需值使用命名参数，而使用对象字面量来封装多个可选参数

function displayInfo(name,age,args) {
  //name和age为基本类型，必需参数
  //args为引用类型，对象包含可选数
}

可以通过点表示法，也可以通过方括号来访问对象属性
1. 方括号语法的主要优点是可以通过变量来访问属性
2. 如果属性名中包含会导致语法错误的字符，或者属性名使用的是关键字或保留字，也可以使用方括号表示法
3. 除非必须使用变量来访问属性，否则建议使用点表示法

Array类型

创建数组的基本方式有两种
1. 使用Array构造函数
2. 使用数组字面量表示法
```
var colors = ["red", "blue", "green"];
```
数组的length属性不是只读的，通过设置这个属性，可以从数组的末尾移除项或向数组中添加新项
检测数组

value instanceof Array  //假定只有一个全局执行环境，如果网页中包含多个框架，就会有多个不同的全局执行环境，该方法就不行

Array.isArray(value)  //IE9+、Firefox 4+、Safari 5+、Opera 10.5+和Chrome支持

使用join()方法可以使用不同的分隔符来构建字符串

var colors = ["red", "green", "blue"];
alert(colors.join(","));  //red,green,blue
alert(colors.join("||"));  //red||green||blue

栈方法
1. push()接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度
2. pop()从数组末尾移除最后一项，减少数组的length值，然后返回移除的项
队列方法
1. shift()从数组的开头移除第一项，减少数组的length值，然后返回移除的项
2. unshift()接收任意数量的参数，把它们逐个添加到数组开头，并返回修改后数组的长度
重排序方法
1. reverse()反转数组项的顺序
2. sort()按升序排列数组项，会调用每个数组项的toString()转型方法，然后比较得到的字符串
  - 对于数值型会有问题，因此sort()方法可以接收一个比较函数作为参数，比较函数接收两个参数，如果第一个参数应该在第二个参数前面（即参数的前后位置是对的），则返回一个负数；否则返回正数；相等返回0
```
function compare(value1, value2) {
    if (value1 < value2) {
        return 1;
    } else if (value1 > value2) {
        return -1;
    } else {
        return 0;
    }
}

function compare(value1, value2) {
    return value2 - value1;
}
```
操作方法
- concat()可以基于当前数组中的所有项创建一个新数组（相当于加长原数组赋予新的数组，原数组不变）
```
var colors = ["red", "green", "blue"];
var colors2 = colors.concat("yellow", ["black", "brown"]);
alert(colors);  //red,green,blue
alert(colors2);  //red,green,blue,yellow,black,brown
```
- slice()可以基于当前数组中的一个或多个项创建一个新数组（相当于删除原数组的项赋予新的数组，原数组不变）
  1. 接收一或两个参数，即要返回项的起始和结束位置，左闭右开
  2. 在一个包含5项的数组上调用slice(-2,-1)与调用slice(3,4)得到的结果相同
  3. 如果结束位置小于起始位置，则返回空数组
- splice（起始位置，要删除的项数，要插入的项）主要用途是向数组的中部插入项（原数组会改变）
  1. 删除：省略第三个参数，例如，splice(1,3)会删除数组中的第2，3项
  2. 插入：第二个参数为0，例如，splice(2,0,”red”, “green”);
  3. 替换：正常使用
  4. splice()始终返回一个数组，该数组中包含从原始数组中删除的项（若没有删除任何项，则返回一个空数组）
位置方法
1. indexOf()从前向后查找
2. lastIndexOf()从后向前查找

两个方法都接收一或两个参数：要查找的项和（可选）表示查找起点位置的索引
查找时使用的是全等操作符，类型必须一致，若为引用型，必须指向同一个对象

迭代方法
1. every()：对数组中的每一项运行给定函数，如果该函数对每一项都返回true，则返回true
2. filter()：对数组中的每一项运行给定函数，返回该函数会返回true的项组成的数组
3. forEach()：对数组中的每一项运行给定函数，这个方法没有返回值
4. map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组
5. some()：对数组中的每一项运行给定函数，如果该函数对任一项返回true，则返回true