1.return 跳出当前函数 返回一个结果
<script> //return可以跳出当前函数 所以return写在函数的最后一行 function out() { return function (){ console.log("inner-before") return "inner-fn"; console.log("inner-end") }; } var inner = out(); var str = inner(); console.log(str); </script>
输出:
inner-before
inner-fn
因为inner-end 写在return的后面,所以代码没有被运行,也就没有输出
2.作用域
在js中作用域一般都是函数作用域
<script> function test() { var a = "a"; console.log(a); }
test(); console.log(a);
输出结果为:a
还报了一个错误:a is not defined
因为a变量的值是定义在局部作用域中的
所以外面的 console.log(a)全局作用域访问不到里面 取不到定义的a变量的值
3.全局作用域
<script> /*全局作用域*/
function out() {
return function inner(){
return "inner-fn";
};
}
var inner = out() ;
</script>
4.函数内部属性 --> this
this指向于谁
得看函数调用位置上的调用形式
普通调用 指向 --> window
隐式调用 指向 --> 调用对象
显示调用 指向 --> 指定对象
构造调用 指向 --> 构造出来的对象(实例)
this的值必定是引用类型
5.函数的属性:length
<script> function test(a,b,c,d,f,){ } console.log(test.length); </script>
输出结果为:5
length属性表示形参的个数
6.函数的方法:apply() 和 call()
function test(flag,flag1) {
console.log(this,flag,flag1)
}
test("普通调用","普通调用2")
test.call({a:"a"},"call调用","call调用2"); call函数的第二个参数 是当前函数的第一个参数
test.apply({b:"b"});
call() apply()调用(显示调用) 相比于 普通调用 可以改变 函数内部的this指向
call() 和 apply() 传参方式不一样
7.new关键字解析
分三步:
1.创建一个新的对象 --->原型
2.将this指向新的对象
3.默认构造函数的最后一步
return undefined
因为undefined是基本数据类型
return 新的对象
8.构造函数
JS中是不存在构造函数的定义语法的,只有函数的构造调用,当一个函数被构造调用时(new),
当前这个函数就可以被认为是一个构造函数。
构造调用:
function Person(name,age) {
this.name = name;
this.age = age;
}
//无参构造调用 new Person
// 构造调用的时候 函数执行的最后一步: return this 这是一个隐式的操作
// 普通调用的时候 函数执行的最后一步: return undefined 这是一个隐式的操作
9.数组
数组是一个有序的数据集合(数据可以是原始类型 或 引用数据类型)var arr=[];
相对于变量 ,数组可用于在一个变量中存储多个值。
数组中的每一项都有一个数字附于其上,被称为索引。JavaScript,数组索引 从0开始
JS数组中是可以自动扩容的
10.数组的方法(当一个函数作为一个对象的属性存在时 那这个函数也可以叫做方法)
静态方法(构造函数身上的方法):
isArray :判断是否是数组
obj:需要检测的值
返回值:如果对象是Array,则为true;否则为false.
语法:Array.isArray(obj)
实例方法(实例身上的方法):
方法名: | 定义 | 语法 | 参数 | 返回值 | 是否影响老数组: |
push() | push() 方法将一个或多个元素添加到数组的末尾,并返回新数组的长度 | arr.push(element1, ..., elementN) | 被添加到数组末尾的元素 | 当调用该方法时,新的 length 属性值将被返回 | 影响 |
unshift() | unshift() 方法将一个或多个元素添加到数组的开头,并返回新数组的长度 | arr.unshift(element1, ..., elementN) | 要添加到数组开头的元素 | 当一个对象调用该方法时,返回其 length 属性值 | 影响 |
pop() | pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度 | arr.pop() | 无 | 从数组中删除的元素(当数组为空时返回undefined) | 影响 |
shift() | shift() 方法从数组中删除第一个元素,并返回该元素的值。此方法更改数组的长度 | arr.shift() | 无 | 从数组中删除的元素; 如果数组为空则返回undefined | 影响 |
concat() | concat() 方法用于合并两个或多个数组。此方法不会更改现有数组,而是返回一个新数组 | arr.concat(arr1[, arr2[, ...[, arrN]]]) | valueN-->待链接的数组 | 新的 Array 实例 | 不影响 |
indexOf() | indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1 | arr.indexOf(searchElement) | searchElement-->要查找的元素 | 首个被找到的元素在数组中的索引位置; 若没有找到则返回 -1 | 不影响 |
lastIndexOf() | lastIndexOf() 方法返回指定元素在数组中的最后一个的索引,如果不存在则返回 -1 | arr.lastIndexOf(searchElement) | searchElement-->要查找的元素 | 数组中最后一个元素的索引,如未找到返回-1 | 不影响 |
join() | join() 方法将一个数组的所有元素连接成一个字符串并返回这个字符串 | arr.join(separator) | separator ---> 指定一个字符串来分隔数组的每个元素。如果省略(),数组元素用逗号分隔。默认为 ","。 | 一个所有数组元素连接的字符串。如果 arr.length 为0,则返回空字符串 | 不影响 |
toString() | toString() 返回一个字符串,表示指定的数组及其元素。 | arr.toString() | 无 | 返回一个字符串。 | 不影响 |
方法名: | 定义 | 参数 | 返回值 | 是否影响老数组 |
forEach() | forEach() 方法对数组的每个元素执行一次提供的函数。 |
参数1:callback (item index arr) 参数2:thisArg可选参数。当执行回调 函数时用作this的值。 |
undefined | 由callback决定 |
every() | every() 方法测试数组的所有元素是否都通过了指定函数的测试 |
参数1:callback (item index arr) 参数2:thisArg可选参数。当执行回调 函数时用作this的值。 |
true false | 由callback决定 |
some() | some() 方法测试数组中的某些元素是否通过由提供的函数实现的测试 | 参数1:callback (item index arr)
参数2:thisArg可选参数。当执行回调 函数时用作this的值。 |
true false | 由callback决定 |
filter() | filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 | 参数1:callback (item index arr)
参数2:thisArg可选参数。当执行回调 函数时用作this的值 |
一个新的通过测试的元素的集合的数组 | 由callback决定 |
sort() | sort() 方法使用in-place算法对数组的元素进行排序,并返回数组。 默认排序顺序是根据字符串Unicode码点。 |
默认从小到大排序a-b(从小到大) b-a(从大到小) | 返回排序后的数组 | 影响 原数组已经被排序后的数组代替。 |
reverse() | Reverse() 方法颠倒数组中元素的位置,并返回该数组的引用 | 语法: arr.reverse() 参数:无 |
该数组的引用。 | 影响 |
map() | map() 方法创建一个新数组,其结果是原数组中的每个元素都调用一个提供的函数后返回的结果。 | 参数1:callback (item index arr)
参数2:thisArg可选参数。当执行回调 函数时用作this的值 |
一个新数组,每个元素都是回调函数的结果。 | 由callback决定 |
slice() | slice() 方法返回一个从开始到结束(不包括结束,左闭右开)选择的数组的一部分浅拷贝到一个新数组对象 |
begin可选 end slice(begin,end):[begin,end) |
返回值:一个含有提取元素的新数组 | 不影响 |
splice() | splice() 方法通过删除现有元素和/或添加新元素来更改一个数组的内容 | 参数:
start 从start开始删 |
由被删除的元素组成的一个数组 | 影响 |
reduce() | reduce() 方法对累加器和数组中的每个元素(从左到右)应用一个函数,将其减少为单个值。 |
参数1:callback (current,item,index,arr) 参数2:initialValue 如果没有提供初始值,则将使用数组中的第一个元素。 在没有初始值的空数组上调用 reduce 将报错。 |
累加器的值 | 不影响 |
11.数组去重
输出结果为:[2,3,4,5,6,7,9]
第一步,先用sort()方法对数组进行排序。
第二步,创建一个新的空数组用来存放去重之后的数组
第三步,默认放入排序后数组的第一个元素,然后判断数组中的每一个元素是否等于当前元素的前一个元素,再用push()方法,如果相等就不放进去新的数组,如果不相等就放入新的数组。
12.稀疏数组(千万不要创建稀疏数组)
var arr =new Array(4) //不会拿undefined来填充默认值 empty *4
var arr[];arr.length=4
13.伪数组(类数组)
具有length属性的对象(属性名是字符串类型的数字)
通常拿到一个伪数组时,都需要将伪数组转为真数组(通过Array.prototype.slice.call/apply)将伪数组转换为真数组
var obj ={};
obj.length=3;
obj["0"]="a";
obj["1"]="b";
obj["2"]="c";
//每一个实例对象的实例方法 都是去 它构造函数的原型上找的
var arr = Array.prototype.slice.call(obj)
console.log(arr);
arr.map(function (item) {
console.log(item)
})
arguments(函数内部属性)是一个类数组
包含着传入函数中的所有参数。虽然 arguments 的主要用途是保存函数参数,
但这个对象还有一个名叫 callee 的属性,该属性是一个指针,指向拥有这个 arguments 对象的函数。
14.逗号问题
从 ES5 规范开始就允许在列表(数组值、属性列表等)末尾多加一个逗号(在实际处理中会被忽略不计)。
所以如果你在代码或者调试控制台中输入 [ , , , ] ,实际得到的是 [ , , ] (包含三个空单元的数组
15.阶乘
function factorial2(num) {
// console.log(arguments.callee == factorial)
if(num<=1){
return 1;
}else{
return num * arguments.callee(num-1);
}
}
var res = factorial2(4);
console.log(res)
//递归的思想 自己调自己
用argument.callee指代函数自己本身
16.二维数组
语法: var arr = [[]];
var arr = [[3,8,2],[2,7],[9,0,1,6]];
for(var i=0;i<arr.length;i++){
for(var j=0;j<arr[i].length;j++){
document.write(arr[i][j]+" ");
}
document.write("<br/>");
}