新手小白学习JavaScript的第四天

无敌暴暴龙（超级无敌版）

已于 2023-12-05 10:21:30 修改

阅读量476

点赞数 11

文章标签：学习

于 2023-12-04 22:50:42 首次发布

本文链接：https://blog.csdn.net/weixin_52692705/article/details/134781865

版权

1.函数

function,是被设计执行特定任务的代码块，可以把具有相同或相似逻辑的代码包裹起来，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用

1.1函数的声明

function 函数名() {
       函数体
}

函数名命名规范

和变量命名基本一致
尽量小驼峰式命名法
前缀应该为动词
命名建议：常用动词约定

动词	含义
can	判断是否可执行某个动作
has	判断是否含义某个值
is	判断是否某个值
get	获取某个值
set	设置某个值
load	加载某些数据

1.2函数的调用

函数名（）

1.3函数传参

function 函数名（传参列表） {
    函数体
}
//传参函数的调用
函数名（传参列表）

参数列表

传入数据列表
声明这个函数需要传入几个数据
多个数据用逗号隔开

形参与实参

函数声明时，小括号里面的是形参，形式上的参数
函数调用时，小括号里面的是实参，实际的参数

如果做用户不输入实参，刚才的案例，则出现 undefined + undefined 结果是NaN,可以改进下，用户不输入实参，可以给 形参默认值，可以默认为 0, 这样程序更严谨，可以如下操作：

function getSum(x=0,y=0) {
    document.write(x+y)
}
getSum()//0
getFum(1,2)//3

这个默认值只会在缺少实参参数传递时才会被执行，所以有参数会优先执行传递过来的实参, 否则默认为 undefined

1.4函数返回值

当函数需要返回数据时，使用return关键字（函数内部不需要输出结果，而是返回结果）

return 数据

细节：

在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用
return 后面代码不会再被执行，会立即结束当前函数，所以 return 后面的数据不要换行写
return函数可以没有 return，这种情况函数默认返回值为 undefined

1.5函数补充

两个相同的函数后面的会覆盖前面的函数
l在Javascript中实参的个数和形参的个数可以不一致
如果形参过多会自动填上undefined (了解即可)
如果实参过多那么多余的实参会被忽略 (函数内部有一个arguments,里面装着所有的实参)
l 函数一旦碰到return就不会在往下执行了函数的结束用return

1.6匿名函数

function() {
}

//函数表达式
let fn = function() {
}
//匿名函数的调用
fn()

没有名字的函数, 无法直接使用。
立即执行函数

2.作用域

通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突

2.1全局作用域和局部作用域

全局变量——全局变量在任何区域都可以访问和修改
局部变量——局部变量只能在当前函数内部访问和修改

变量的访问原则：在能够访问到的情况下先局部，局部没有在找全局

3.逻辑运算符里的短路

短路：只存在于 && 和 || 中，当满足一定条件会让右边代码不执行（当两边都为真时，与返回最后一个值，或时返回第一个值）

符号	短路条件
&&	左边为fasle就短路
\|\|	左边为true就短路

当是或时，左边为假，右边为真，则输出右边

4.转换为boolean型

‘’，0，undefined,null,false,NaN转换为布尔值后都是false,其余都为true

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      console.log(false && 20); //false
      console.log(5 < 3 && 20); //false
      console.log(undefined && 20); //undefined
      console.log(null && 20); //null
      console.log(0 && 20); //0
      console.log(10 && 20); //20
      console.log(false || 20); //20
      console.log(5 < 3 || 20); //20
      console.log(undefined || 20); //20
      console.log(null || 20); //20
      console.log(0 || 20); //20
      console.log(10 || 20); //10
    </script>
  </body>
</html>