数组的基本概念
- JavaScript中数组的概念和C语言几乎一样, 都是指一组有序数据集合
- 不同的是由于JavaScript是弱语言, 所以JavaScript的数组中可以存放不同类型的数据
- 不同的是JavaScript中的数组是引用类型, 提供了很多便捷的属性和方法, 让我们使用起来更加简单
定义数组
var arr1=new Array();
var arr2=new Array("Saab","Volvo","BMW");
var arr3=[];
var arr4=["Saab","Volvo","BMW"];
使用数组
var arr1 = new Array();
arr1[0] = 1;
arr1[1] = "12";
arr1[2] = true;
console.log(arr[0]);
console.log(arr[1]);
console.log(arr[2]);
注意点:
- C语言中的数组必须在定义时确定长度, 后续不可修改
- 而JavaScript中的数组不需要在定义时确定长度, 后续可以动态增长
数组遍历
var arr3 = [1, "123", true];
for(var i = 0; i < arr3.length; i++){
console.log(arr3[i]);
}
注意点:
- JavaScript中可以通过数组的length属性直接获取数组的长度, 不用像C语言一样额外计算
函数基本概念
- JavaScript中函数的概念和C语言几乎一样,都是用于封装一段代码,方便将来重复使用的
- 不同的是JavaScript中的函数也是一种类型, 是引用类型
函数的定义
// 格式一:
function 函数名(形参1, 形参2, 形参3...) {
//函数体
return 返回值;
}
// 格式二:
var 变量 = 函数名(实参1, 实参2, 实参3...);
注意点:
- 和C语言一样, 函数可以没有形参, 也可以有一个或多个形参
- 不同的是由于JavaScript是弱语言, 所以形参只用写一个占位符即可
function sayHi(name) {
console.log(name);
}
sayHi("lnj");
var sayHello = function (name, age) {
console.log("name = "+ name, "age = "+age);
}
sayHello("lnj", 12);
注意点:
- 和C语言一样, 函数可以没有返回值, 也可以有返回值
- 不同的是JavaScript是弱语言, 所以不用只能返回值类型
- 如果函数没有显示的使用 return语句 ,那么函数有默认的返回值:undefined
- 如果函数使用 return语句,那么跟再return后面的值,就成了函数的返回值
- 如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是:undefined
function sum(a, b) {
var res = a + b;
return res;
}
var res = sum(10, 20);
console.log(res); // 30
function sum(a, b) {
var res = a + b;
return;
}
var res = sum(10, 20);
console.log(res); // undefined
function sum(a, b) {
var res = a + b;
}
var res = sum(10, 20);
console.log(res); // undefined
arguments的使用
- 由于JavaScript中的函数是引用类型(可以添加属性和方法)。所以所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有的实参。arguments是一个伪数组,因此及可以进行遍历
function getSum() {
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum;
}
var sum = getSum(5, 1, 3, 4);
console.log(sum);
函数作为参数和返回值
- 由于JavaScript中的函数也是一种数据类型, 所以函数也可以作为参数和返回值使用
- 函数作为其他函数参数
var sayHi = function () {
console.log("hello world");
}
function test(fn) {
fn();
}
test(sayHi);
- 函数作为其他函数返回值
function test() {
var sayHi = function () {
console.log("hello world");
}
return sayHi
}
var res = test();
res();
匿名函数
- 没有名称的函数, 我们称之为匿名函数
- 匿名函数不能单独出现, 一般作为其他函数参数或者返回值使用
// 报错
function () {
console.log("hello world");
}
// 立即执行函数
(function () {
console.log("hello world");
})();
// 作为函数参数
function test(fn) {
fn();
}
test(function () {
console.log("hello world");
});
// 作为函数返回值
function test() {
return function () {
console.log("hello world");
}
}
var res = test();
res();