目录

  • 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 2func2(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.length2){    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.age18

4.支持for循环

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


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

第二种创建自定义对象的方式 需要使用关键字 newvar d2 = new Object()d2.name = 'jason'd2{name: 'jason'}d2['age'] = 18d2{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')d4Thu 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.获取字符串里面所有的字母slet sss = 'nish asoswo shi'sss.match(/s/)  // 拿到一个就停止了4.解决拿到一个就停止的问题，使用全局匹配/gsss.match(/s/g)  // 全局模式(4)['s', 's', 's', 's']

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

let reg3 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/greg3.test('egondsb')  // 全局模式有一个lastindex属性truereg3.test('egondsb')falsereg3.test('egondsb')truereg3.test('egondsb')false如果在后面加了一个/g的时候，每一次匹配结束后，它都会等在那里，如果再次校验的时候，它会基于当前页面进行再次向后移动，然后就会报false，报完false以后它会重置走到最开始位置reg3.test('egondsb')truereg3.lastIndex7reg3.test('egondsb')falsereg3.lastIndex0let reg4 = /^[a-zA-Z][a-zA-Z0-9]{5,11}/reg4.test()reg4.test()  //什么都不传 默认的是undefinedtruereg4.rest()true校验时不传参数默认传的是undefinedreg4.test(undefined)true