锐客网

  1. 首页 > 睿知 > it技术 > >

JavaScript的相关知识点学习与实践一

IT知识学习与实践相关知识

冲天香阵透长安，满城尽带黄金甲。这篇文章主要讲述JavaScript的相关知识点学习与实践一相关的知识，希望能为你提供帮助。
1.数组的学习1.1利用new创建数组

1.2利用数组字面量来创建数组

必须用逗号进行分割
1.3追加数组元素

2. 函数的学习2.1 函数的使用
声明函数+调用函数

所需要的东西都在script当中完成。
2.1.1 声明函数
2.1.2 调用函数

形参接受实参传递的值
【JavaScript的相关知识点学习与实践一】
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>
<

    推荐阅读


    上一篇：关于运维的思考

    下一篇：测试必须要知道的四个主要阶段 ！