JS中的数据类型：
- 简单数据类型
- undefined(没给变量赋值)
- null(如果定义的对象将来用于保存对象，最好将值初始化null)
说明：undefined是派生自null的，undefined==null结果是true - boolean
- String
用单引号或者双引号 - number(表示整形和浮点型)
特殊的number：NaN，表示非数值型not a number
NaN与任何数运算返回结果都是NaN.
NaN与任何值都不相等，包括它自己.
- 复杂数据类型
- object
判断一个值是什么类型
type(变量名)或type 变量名
JS中函数
函数定义：
function functionName(参数){
statement
}
arguments
函数的参数在内部用一个数组来表示，在函数体内通过arguments对象来访问这个数组参数.
说明：arguments对象只是与数组类似，并不是Array的实例.
function inner(){
console.log(argument.length);//2
console.log(argument[0]);//10
console.log(argument[1]);//5
}
inner(10,5)
求任意一组数的平均值
function sum(){
var sum=0;
for(var i=0;i<argument.length;i++)
{
sum+=argument[i];
}
return sum/argument.length;
}
var avg=sum(10,50,25,89);
console.log(avg)
js中函数可以作为参数传递
第一种写法
function say (value) {
alert(value);
}
function execute (someFunction, value) {
someFunction(value);//回调函数
}
execute(say, 'hi js.');
第二种写法
var say = function(value) {
alert(value);
}
function execute (someFunction, value) {
someFunction(value);//回调函数
}
execute(say, 'hi js.');
第三种写法
function execute (someFunction, value) {
someFunction(value);//回调函数
}
execute(function(value) {
alert(value);
}, 'hi js.');
函数做为返回值
function fn2(a){
return function fu1(b){
alert(a+b);
};
}
fn2(20)(10);//30
外层先返回一个函数，可以看成fn1（10）
变量作用域
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 作用域（Scope）
* - 作用域简单来说就是指一个变量的作用的范围
* - 在JS中作用域分成两种：
* 1.全局作用域
* 2.函数作用域
*
* - 全局作用域：
* 1.所有直接在script标签中编写的代码都在全局作用域中
* 2.全局作用域在打开网页时创建，在网页关闭时销毁
* 3.全局作用域中有一个全局对象window，
* window代表的是浏览器的窗口，
* 在全局作用域中创建的变量都会作为window对象的属性保存
* 在全局作用域中创建的函数都会作为window对象的方法保存
* 4.在全局作用域中创建的变量都是全局变量，可以在页面的任意位置访问
*/
var a = 123;
b = 456;
function fun(){
console.log(b);
console.log(window.a);
console.log(window.b);
console.log("我是全局中的函数fun。。。。");
}
fun();
//window.fun();
//window.alert("hello");
</script>
</head>
<body>
</body>
</html>
变量和函数的声明提前
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//如果不写var，直接为变量赋值，则相当于为window对象添加属性
//window.a = 10;
//a = 10;
/*
* 变量的声明提前
* - 使用var关键字声明的变量，都会在所有的代码执行之前被声明，但是不会赋值
* 赋值会直到执行到赋值的代码时才执行
* - 如果不适用var关键字声明变量，则不会有声明提前的特性
*
* 函数的声明提前
* - 使用函数声明创建的函数，会在所有的代码执行之前创建，
* 所以我们可以在函数声明前就去调用函数
* - 使用函数表达式创建的函数，没有这个特性，所以不能在它创建之前调用
*/
console.log("a = "+a);
var a = 10;
//fun();
fun2();
//使用函数声明来创建一个函数
function fun(){
console.log("我是fun函数。。。。");
}
//使用函数表达式创建一个函数
var fun2 = function(){
console.log("----->我是fun2.。。。");
};
</script>
</head>
<body>
</body>
</html>
函数的作用域
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
/*
* 函数作用域
* - 函数作用域可以理解为是全局中的小的作用域
* - 函数作用域在函数调用时创建，在调用结束时销毁
* 每调用一次函数就会创建一个新的函数作用域
* - 在函数作用域中可以访问到全局变量,
* 而在全局中无法访问到函数作用域中的变量
* 在函数中创建的变量如果不写var，则会变成全局变量
* - 当我们在函数中使用一个变量时，它会先在自身的作用域中寻找，
* 如果有就直接使用，如果没有则去上一级作用域中寻找，
* 找到则使用，没找到则继续寻找，直到找到全局作用域为止
* 如果全局作用域中依然没有，则报错ReferenceError
* - 在函数作用域中也适用变量和函数的声明提前
*
*/
//创建一个全局变量a
var a = "全局中的a";
function fun(){
//console.log(a);
//window.b = ...
var b = "---> 函数作用域中的b";
//console.log(b);
}
//fun();
//console.log(b);
//创建全局变量c
var c = "全局c";
console.log(window.c);
/*function fun2(){
//创建一个局部变量c
var c = "---> 函数中的c";
console.log(c);
}
fun2();*/
function fun3(){
//var c = "fun3中的c";
function fun4(){
//var c = "fun4中的c";
console.log(c);
}
//调用fun4
fun4();
}
//fun3();
</script>
</head>
<body>
</body>
</html>
练习题
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var a = "全局a";
function fun(){
var a = "--> 函数a";
//如果在函数作用域中想访问全局变量可以通过window对象来访问
console.log(window.a);
}
//fun();
a = 20;
/*
* 在函数内部使用var关键字声明的变量也会被声明提前，
* 它的声明会在所有的代码执行前执行
*
* 在函数内部使用函数声明创建的函数，也会在所有的代码执行之前被创建
*/
function fun2(){
fun3();
//console.log(a);
//var a = 10;
function fun3(){
console.log("我是fun2内部的函数。。。");
}
}
fun2();
</script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
// var a = 10;
//
// function fun(){
//
// a = 5;
//
// }
//
// fun();
//
// console.log(a);//10 ---函数作用域在函数调用时创建，在调用结束时销毁
var a = 123;
/*
* 定义形参就相当于在函数中声明了对应的变量
*/
function fun(a) {
alert(a);
a = 456;
}
fun(); //undefined
alert(a); //123
var a = 123;
function fun(a) {
alert(a);
a = 456;
}
fun(123); //123
alert(a); //123
</script>
</head>
<body>
</body>
</html>
网友评论