首页 > 编程语言 >JavaScript知识-函数基础知识、匿名函数、闭包函数、箭头函数、js内置对象和方法

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

时间:2022-08-25 20:56:15浏览次数:118  
标签:闭包 function 函数 python JavaScript 对象 var 序列化

目录

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)
}

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

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

image

5.函数返回值 关键字return

返回元素的个数

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

image
把返回值做成数组形式返回(可实现多元素返回)

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

image
js不支持解压赋值

6.匿名函数(没有函数名)

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

image

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
}

image

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

image

类似于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

image
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 (中国标准时间)

image
时间对象方法

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

标签:闭包,function,函数,python,JavaScript,对象,var,序列化
From: https://www.cnblogs.com/zxr1002/p/16625655.html

相关文章

  • send函数到物理层
     你跟踪,send函数到物理层,在这个地方加密,不管什么数据都可以劫持 它的数据最终要通过底层出去 你就在那个地方加入你的加密程序 当然是看代码,打断点跟踪调试你是用k......
  • 箭头函数
    定义箭头函数提供了一种更加简洁的函数书写方式。基本语法是:参数=>函数体(参数)=>{函数体}基本语法://普通函数varf=function(a){returna;}f(1);//......
  • python基础——闭包 装饰器
    闭包函数嵌套,即外部函数嵌套一个内部函数;外部函数返回内部函数引用;内部函数使用外部函数的变量或者形参#简单演示#deff1(x):##deff2():#prin......
  • 函数引用
    把函数作为参数传递给其他函数,除了使用lambda表达式,Kotlin还提供了其他方法,也可以使用函数引用。使用函数引用可以把具名函数转换成值参,凡是使用lambda表达式的地方,都可以......
  • SQL常用函数
    1、初始化一个MYSQL结构MYSQL*mysql_init(MYSQL*mysql)2、关闭一个服务器连接,并释放与连接相关的内存voidmysql_close(MYSQL*mysql);3、连接一个MySQL服务......
  • oracle时间类型、时区及其函数
    一、oracle时间类型oracle有date、timestamp、intervalyeartomonth和intervaldaytosesond四种类型,可通过nls_date_format来设置我们想要的日期格式。1、date存储年......
  • JavaScript中改变鼠标指针样式的方法
    JavaScript中改变鼠标指针样式的方法    在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式,例varbody=document.querySelector("body") body.style......
  • Mysql---函数
    《字符串相关函数》  《数学相关函数》  《时间相关函数》        ......
  • python基础——函数
    函数函数就是将一段具有独立功能的代码块整合到一个整体并命名在需要的位置调用这个名称即可完成对应的需求。函数在开发过程中,可以更高效的实现代码重用。先定义后......
  • python 3 用pyexecjs 执行 javascript 代码
    #运行js代码e=execjs.eval('a=newArray(1,2,3)')#execjs.eval()获取js环境,直接执行js代码,适用于简单的运算适用于从前端读取js代码然后运行(前后......