JavaScript的相关知识点学习与实践一
Posted 相信光的奥特王小懒
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript的相关知识点学习与实践一相关的知识，希望对你有一定的参考价值。
1.数组的学习
1.1利用new创建数组
1.2利用数组字面量来创建数组
必须用逗号进行分割
1.3追加数组元素
2. 函数的学习
2.1 函数的使用
声明函数+调用函数
所需要的东西都在script当中完成。
2.1.1 声明函数
2.1.2 调用函数
形参接受实参传递的值
2.2 函数的使用案例
案例：通过函数调用来判断2月的天数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// 用户输入年份，输出当前年份2月份的天数
function backDay()
var year = prompt(请您输入年份:);
if (isRunYear(year)) // 调用函数需要加小括号
alert(当前年份是闰年2月份有29天);
else
alert(当前年份是平年2月份有28天);
backDay();
// 判断是否为闰年的函数
function isRunYear(year)
// 如果是闰年我们返回 true 否则 返回 false
var flag = false;
if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0)
flag = true;
return flag;
</script>
</head>
<body>
</body>
</html>
函数的两种声明方式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// 函数的2中声明方式
// 1. 利用函数关键字自定义函数(命名函数)
function fn()
fn();
// 2. 函数表达式(匿名函数)
// var 变量名 = function() ;
var fun = function(aru)
console.log(我是函数表达式);
console.log(aru);
fun(pink老师);
// (1) fun是变量名 不是函数名
// (2) 函数表达式声明方式跟声明变量差不多，只不过变量里面存的是值 而 函数表达式里面存的是函数
// (3) 函数表达式也可以进行传递参数
</script>
</head>
<body>
</body>
</html>
3.作用域和预解析的学习
3.1作用域
作用域链 ： 内部函数访问外部函数的变量，采取的是链式查找的方式来决定取那个值 这种结构我们称为作用域链 就近原则
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script>
// 案例1 ： 结果是几？
function f1()
var num = 123;
function f2()
var num = 0;
console.log(num); // 站在目标出发，一层一层的往外查找
f2();
var num = 456;
f1();
// 案例2 ：结果是几？
var a = 1;
function fn1()
var a = 2;
var b = 22;
fn2();
function fn2()
var a = 3;
fn3();
function fn3()
var a = 4;
console.log(a); //a的值 ?
console.log(b); //b的值 ?
fn1();
</script>
</head>
<body>
</body>
<JS学习实践小结—基本概念