JavaScript知识-函数基础知识、匿名函数、闭包函数、箭头函数、js内置对象和方法

目录

• JavaScript函数
  • 1.函数的语法格式
  • 2.无参函数
  • 3.有参函数
  • 4.关键字arguments
  • 5.函数返回值 关键字return
  • 6.匿名函数（没有函数名）
  • 7.箭头函数
  • 8.函数的全局变量与局部变量
  • 9.闭包函数
  • 10.js内置对象和方法
    • Date对象
    • JSON序列化对象
    • RegExp正则对象

JavaScript函数

1.函数的语法格式

function 函数名(形参1，形参2，形参3....){
    // 函数注释，解释说明该函数用来做什么
    函数体代码
    return 返回值
}

2.无参函数

function func1(){
    console.log('hello world')
}

func1()    // 调用 加括号调用与python中一样

3.有参函数

function func2(a, b){
    console.log(a, b)
}

func2(1,2)    //调用函数(传参)

func2(1,2,3,4,5,6)    // 多了没关系 只要对应得数据
1 2
func2(1)    // 少了也没关系
1 undefined

4.关键字arguments

arguments参数，可以获取传入得所有数据，也支持return和匿名函数

1.能够获取函数接受得索引参数

function func2(a,b){
    console.log(arguments)  // 能够获取函数接受得索引参数
    console.log(a,b)
}

2.关键字arguments(限制函数不能多也不能少)

function func2(a, b){
    if(arguments.length<2){
    console.log('传少了')
    }else if (arguments.length>2){
    console.log('传多了')
    }else{
    console.log('正常执行')
    }
}

5.函数返回值 关键字return

返回元素的个数

function index(){
   return 666, 777, 888
}
res = index();  // 一次只能返回一个值

把返回值做成数组形式返回（可实现多元素返回）

function index(){
    return [666, 777, 888]
}
res = index();

js不支持解压赋值

6.匿名函数（没有函数名）

function(){
console.log('所有只有好好学习)
}
var res = function(){
console.loh('嗯，好好学习把')
}

7.箭头函数

箭头左边的是形参  右边是返回值
var func1 = v => v;

上面等价于下面这句

var func1 = function(v){
   return v
}

var func2 = (arg1,arg2) => arg1+arg2
等价于
var func2 = function(arg1,arg2){
    return arg1+arg2
}

8.函数的全局变量与局部变量

1.局部变量：

在JavaScript函数内部声明的变量(使用var)是局部变量，索引只能在函数内部访问它（该变量的作用域是函数内部）。只要函数运行完毕，本地变量就会被删除

2.全局变量：

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它

3.变量生存周期

JavaScript变量的生命周期从它们被声明的时候开始
局部变量会在函数运行以后被删除
全局变量会在页面关闭后被删除

4.作用域

首先在函数内部查找变量，找不到则到外部函数查找，逐步找到最外层。与python作用域关系查找一模一样

函数全局局部案例：

var city = "BeiJing";
function f() {
  var city = "ShangHai";
  function inner(){
    var city = "ShenZhen";
    console.log(city);
  }
  inner();
}

f();
shenZhen

var city = "BeiJing";
function Bar() {
  console.log(city);
}
function f() {
  var city = "ShangHai";
  return Bar;
}
var ret = f();
ret(); 

Beijing

9.闭包函数

var city = "BeiJing";
function f(){
    var city = "ShangHai";
    function inner(){
        console.log(city);
    }
    return inner;
}
var ret = f();
ret();

ShangHai

10.js内置对象和方法

JavaScript中的所有事物都是对象：字符串、数字、数组、日期，等等。在JavaScript中，对象是拥有属性和方法的数据。
我们在学习基本数据类型的时候已经带大家了解了，JavaScript中的Number对象、String对象、Array对象等。
注意var s1 = "abc"和var s2 = new String("abc")的区别：typeof s1 --> string而 typeof s2 --> Object

类似于python中的内置函数或者内置模块
固定语法
    var 变量名 = new 内置对象名();

1.自定义对象

JavaScript的对象（Object）本质上是键值对的集合（Hash结构），但是只能用字符串作为键。
可以看成是我们python中的字典 但是js中的自定义对象要比python里面的字典操作起来更加方便

2.创建自定义对象{}

var d1 = {'name' : 'jason','age' : 18}

3.第一种方式 创建自定义对象

var d = {'name':'jason','age':18}
typeof d
'object'

d['name']
'jason'

d.name
'jason'

d.age
18

4.支持for循环

ar d = {'name':'jason','age':18}

for(let i in d){
    console.log(i,d[i])
}
VM432:2 name jason
VM432:2 age 18

5.使用new()自定义对象的方式

第二种创建自定义对象的方式 需要使用关键字 new

var d2 = new Object()

d2.name = 'jason'
d2
{name: 'jason'}

d2['age'] = 18
d2
{name: 'jason', age: 18}

Date对象

let d3 = new Date()
Thu Aug 25 2022 20:06:32 GMT+0800 (中国标准时间)

格式化时间

d3.toLocaleString()
'2022/8/25 20:06:32'

也支持自己手动输入时间(自定制)

let d4 = new Date('2022/08/25 12:12:45')
d4
Thu Aug 25 2022 12:12:45 GMT+0800 (中国标准时间)

时间对象方法

var d = new Date();
//getDate()                 获取日
//getDay ()                 获取星期
//getMonth ()               获取月（0-11）
//getFullYear ()            获取完整年份
//getYear ()                获取年
//getHours ()               获取小时
//getMinutes ()             获取分钟
//getSeconds ()             获取秒
//getMilliseconds ()        获取毫秒
//getTime ()                返回累计毫秒数(从1970/1/1午夜)

JSON序列化对象

1.python与js序列化与反序列化

在python中序列化反序列化
	dumps	序列化
	loads	反序列化

在js中也有序列化与反序列化
	JSON.stringify()
	JSON.parse()

2.js序列化使用

let d7 = {'name':'jason','age':18}

序列化
let res = JSON.stringify(d7)
res
'{"name":"jason","age":18}'

反序列化
JSON.parse(res)
{name: 'jason', age: 18}

3.javascript序列化基于网络发送给python

需求：如果当前js中有一个布尔值true需要基于网络发送给python程序并且让python转换成布尔值 如何操作

1.在js中使用JSON.stringify()序列化成json格式字符串
2.基于网络发送给python程序(自动编码)
3.python接收 解码并反序列化

RegExp正则对象

在python中如果需要使用正则 需要借助re模块
在js中需要我们取创建正则对象

1.new代表创建对象
let regl = new RegExp('^[a-zA-Z][a-zA-z0-9]{5,11}')

2.推荐使用
let reg2 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/
匹配内容
reg1.test('woshidashuaibi')
res2.test('woshidashuaibi')

3.获取字符串里面所有的字母s
let sss = 'nish asoswo shi'
sss.match(/s/)  // 拿到一个就停止了

4.解决拿到一个就停止的问题，使用全局匹配/g
sss.match(/s/g)  // 全局模式
(4) ['s', 's', 's', 's']

全局匹配模式：正则表达式的最后不加g则表示匹配成功就结束 加g表示全局匹配，全局匹配会有一个lastindex属性

let reg3 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/g

reg3.test('egondsb')  // 全局模式有一个lastindex属性
true
reg3.test('egondsb')
false
reg3.test('egondsb')
true
reg3.test('egondsb')
false
如果在后面加了一个/g的时候，每一次匹配结束后，它都会等在那里，如果再次校验的时候，它会基于当前页面进行再次向后移动，然后就会报false，报完false以后它会重置走到最开始位置

reg3.test('egondsb')
true
reg3.lastIndex
7
reg3.test('egondsb')
false
reg3.lastIndex
0

let reg4 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/
reg4.test()

reg4.test()  //什么都不传 默认的是undefined
true
reg4.rest()
true

校验时不传参数默认传的是undefined
reg4.test(undefined)
true