Javascript基础学习笔记（更新中）

基础内容待更新

函数

 函数的使用

        函数：function 执行特定任务的代码块，可以实现代码复用，提高开发效率

函数的声明语法： 

function 函数名(){
    函数体
}

注意：①函数体是函数的构成部分，它负责将相同或相似代码“包裹”起来，直到函数调用时函数体内的代码才会被执行。

            ②函数名命名规范：
              a. 和变量命名基本一致
              b. 建议小驼峰式命名法（第一个单词全小写，后面的单词首字母大写）
              c. 前缀建议为动词（can（判断是否可执行某个动作）、has（判断是否含义某个值）、is（判断是否为某个值）、get（获取某个值）、set（设置某个值）、load（加载某些数据）等）

函数的调用语法：

//函数调用，函数体内的代码逻辑会被执行
函数名()

注意：①声明（定义）的函数必须调用才会真正被执行

            ②函数一次声明可以多次调用，每一次函数调用函数体里面的代码会重新执行一次

---

函数传参

        函数传参：可以极大的提高了函数的灵活性

有参数的函数声明语法：

function 函数名 (参数列表){
    函数体
} 

注意：参数列表：即传入的数据列表，可一个或多个，中间用逗号隔开

有参数的函数调用语法： 

函数名(传递的参数列表)

注意：调用函数时，需要传入几个数据就写几个，用逗号隔开

  形参和实参

        形参：即形式上的参数，声明函数时写在函数名右边小括号里

        实参：即实际上的参数，调用函数时写在函数名右边小括号里

注意：①形参可以理解为是在函数内声明的变量，实参可以理解为是给这个变量赋值
            ②开发中尽量保持形参和实参个数一致
            ③实参个数小于形参，返回结果NaN；实参个数大于形参，非诚勿扰（多余的实参没用）

拓展：*实参个数为0，形参不为0，合理利用逻辑中断将形参置0*

    若形参如果不被赋值，数据类型为undefined，有如下的输出：

document.write(undefined + 1)               // 输出NaN
document.write(undefined + true)           // 输出NaN
document.write(undefined + undefined) // 输出NaN
document.write(undefined + null)           // 输出NaN
document.write(undefined + 'x')             // 输出undefinedx(隐式转换进行字符串拼接)

function getSum(x,y){
    document.write(x + y)
}
getSum()

由于该函数被调用时没有实参，x和y均为undefined，页面输出NaN

​//修改后
function getSum(x,y){
    x = x || 0
    y = y || 0
    document.write(x + y)
}
getSum()

利用逻辑中断可使形参初始化为0，页面输出0

当然了，还有一种更简单的方法，也可以使形参初始化为0，页面输出0：

function getSum(x = 0,y = 0){
    document.write(x + y)
}
getSum()

  arguments属性

        arguments属性：函数的内部属性，是一个伪数组，在函数调用时，用于接收实参然后负责传递给函数的形参

arguments属性实例：

function fn(){
	//console.log(arguments)
	console.log(`本次调用得到实参个数: ${arguments.length}`)
	let sum = 0
	for(let i = 0;i<arguments.length;i++){
		sum+=arguments[i]
	}
		console.log(sum)
}
fn(1,2,3,4)
//输出4 10

注意：①由于arguments属性存在，函数调用时使用实参的个数与形参的个数可以不一致

            ②实参个数可以由arguments.length得出

            ③伪数组比真数组少了一些pop()、push()等方法

---

函数返回值

        有返回值的函数：当调用某个函数时，这个函数会使用return关键字，返回一个结果出来

语法：

function 函数名(){
    函数内容
    return 数据
}

注意：①在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用

            ②函数内部只能出现 1 次 return，并且 return 后面代码不会再被执行，所以 return 后面的数据不要换行写，return会立即结束当前函数

            ③函数可以没有 return，这种情况函数默认返回值为 undefined

            ④不是所有的函数都有返回值，要根据需求，来设定需不需要返回值

拓展：*函数返回多个值*
         使用返回数组思想，将多个返回值封装到一个数组

return [返回值1,返回值2,……]

         对返回值的使用，相当于对数组元素的使用

---

作用域 

  作用域概述 

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

  作用域分类 

          全局作用域（全局有效）：作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js文件
  
          局部作用域（局部有效）：作用于函数内的代码环境，就是局部作用域，也称为函数作用域

          块级作用域（{ } 内有效）：块作用域由 {  } 包括，if语句和for语句里面的{ }等 

   变量的作用域

        在JavaScript中，根据作用域的不同，变量可以分为：
  
          ​​​​​​全局变量（函数外部的let变量）：全局变量在任何区域都可以访问和修改
  
          局部变量（函数内部的let变量）：局部变量只能在当前函数内部访问和修改
  
          块级变量（{} 内部的let变量）：块级变量只能在块作用域里访问,不能跨块访问,也不能跨函数访问 

注意：如果函数内部或者块级作用域内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐，但是有一种情况，函数内部的形参（未声明）可以看做是局部变量

   作用域链（变量访问原则）

        作用域链：根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪些数据能被内部函数访问，简单的说就是采取就近原则的方式来查找变量最终的值

 注意：①只要是代码，就至少有一个作用域

             ②写在函数内部的局部作用域，如果函数中还有函数，那么在这个作用域中就又可以产生一个作用域 

---

 匿名函数

  匿名函数 

        函数可以分为：具名函数和匿名函数

声明和调用语法：

//具名函数
//声明
function 函数名() {
    函数体
}
//调用
函数名()

//匿名函数
//声明
let 变量名 = function(){
	函数体
}
//调用
变量名()

 注意：匿名函数的形参和实参使用跟具名函数一致

~更多关于匿名函数的使用了解web API ：（链接）

  立即执行函数 

        立即执行函数：不需要调用，立即执行，避免全局变量之间的污染 

语法：

//方式一: (fn)()
(function(形参){
    函数体
})(实参)

//方式二：(fn())
(function(形参){
    函数体
}(实参))

 注意： 多个立即执行函数之间要用分号隔开，要不然会报错

---

---

对象

 对象的概念 

        对象（object）：JavaScript里的一种数据类型，可以理解为是一种无序的数据集合，可以详细地描述某个事物

对象由属性和方法组成，对象声明语法如下：

let 对象名 ={
	属性名:属性值,
    ……
	方法名:函数,
    ……
}