JavaWeb—js(2)

函数

/*
创建一个方法形参不需要写参数类型,多个参数直接用逗号隔开就可以
*/function show(a,b,c){console.log('我是show方法',a,b,c)return a+b;}// 调用方法//调用方法时 形参个数如果和实参个数对不上不会有异常show();show('你好')show(1,2);let add  = show(1,2,3);console.log(add);

作用域提升

 js和其他语言一样,都要经历编译和执行阶段。而js在编译阶段的时候,会搜集所有的变量声明并且提前声明变量,而其他的语句都不会改变他们的顺序,因此,在编译阶段的时候,第一步就已经执行了,而第二步则是在执行阶段执行到该语句的时候才执行。

对象

创建方式1 字面量创建

/*字面量创建对象let 对象名 = {属性名:属性值,属性名:属性值,方法名:函数};*/let student = {name:'张三',age:10,className:'2312',study:function(){console.log('我在学习');}}console.log(student)//使用对象的属性和方法 通过对象.的形式console.log(student.name)student.study();

创建方式2 Object创建

/*创建空对象赋值的方式 //利用内置对象Object创建对象: var 对象名 = new Object(); 对象名.属性名=属性值; */let stu = new Object();stu.name='张三'stu.sex='男'stu.study=function(){console.log('我在学习')}console.log(stu)

创建对象方式3 自定义构造器创建

  /*通过自定义创建一个构造器,传入指定的参数因为构造器长得和函数一样,一般首字母都是大写通过此构造器创建多个对象*///创建构造器function Student(name,sex,age,className){this.name=name,this.age=age;this.sex=sex;this.className=className;}//通过构造器创建对象 newlet stu1 = new Student('张三2','男',20,'2312');let stu2 = new Student('张三1','男',20,'2312');console.log(stu1,stu2)

遍历当前对象的属性

 //遍历对象属性名 通过属性名获取属性值for (const key in stu1) {//判断当前属性 是否是这个对象的属性if (Object.hasOwnProperty.call(stu1, key)) {const element = stu1[key];console.log(key,element)}}

创建对象方式4 原型模式+构造函数

每一个函数都有一个prototype(原型)属性,这个属性是一个指针,
指向一个对象,而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。
也就是说,prototype是通过调用构造函数而创建的那个对象实例的原型对象。

function Person(name,age,sex){this.name=name;this.age=age;this.sex=sex;}//获取Person的原型对象// Person.prototype.city='山西';Person.prototype={constructor:Person,city:'山西',run:function(){}}let person1 = new Person('张三',20,'男');console.log(person1)

创建对象方式5 通过class类模板创建

 //通过class模板创建class Student{constructor(name,age,className){this.name=name;this.age=age;this.className=className;}// 普通方法不需要添加functionstudy() {console.log(this.name+'在学习')}}//通过new关键字创建模板对象let stu1 = new Student('张三',20,'2310');stu1.study();console.log(stu1);

注意:ES6版本之后 退出了class关键字 ;

//通过class模板创建class Student{constructor(name,age,className){this.name=name;this.age=age;this.className=className;}// 普通方法不需要添加functionstudy() {console.log(this.name+'在学习')}}//通过new关键字创建模板对象let stu1 = new Student('张三',20,'2310');stu1.study();console.log(stu1);
静态方法属性
class Person{
static realname = '手机';
static play(){
console.log("会玩游戏!");
}
}
const p1 = new Person();
console.log(p1.realname);//undefined
Person.play();//会玩游戏

 

正则验证

/*正则 :正则表达式 主要用来验证用户上传或者输入的内容是否满足格式长度验证,非空验证 .length  ==null ==""验证手机号是否满足格式:长度111开头身份证:18位*///  手机号的正则表达式 /^1[3456789]\d{9}$/
//    let reg = /^1[3456789]\d{9}$/let reg =/^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/let boo =  reg.test('1407021212127038');console.log(boo)

Math数学类

max(值);min(值);random() // 随机数: 0~1; 
返回指定范围的随机数(m-n之间)的公式
Math.random()*(m-n)+n

round() // 四舍五入: 
ceil() // 向上取整: 
floor() // 向下取整 

Date时间类

var date = new Date();//可以获取到当前时间:
console.log(date.toLocaleDateString());2023/4/28
var year = date1.getFullYear(); // 获取年:var month = date1.getMonth()+1; // 获取到月;
var date2 = (date1.getDate()>9)?date1.getDate():'0'+date1.getDate(); //获取 
日: 如果日期>9显示日期否则显示0日期
var hour = date1.getHours();// 获取到小时;var minute=date1.getMinutes(); // 获取到分; 
var second= date1.getSeconds();//获取到秒; 
var day = date1.getDay();//获取星期几 
console.log(year+'-'+month+'-'+date2+' '+hour+':'+minute+':'+second+' '+day); 

Array 数组工具

 

 //排序// arr.sort(function(o1,o2){//     // 0 -1 1//     return o1-o2;// });console.log(arr)// 删除// 第一个元素是从哪开始删 第二个是删除几个// arr.splice(1,2);//插入// 如果第二个参数为0  第三个参数会充当索引上的元素arr.splice(1,0,99);console.log(arr)

 

 

 

 

 

 

 

 

 

 

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/371603.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

君方智能设计平台-事务管理技术方案

1.背景介绍 事务处理是指对数据进行一组操作,这些操作要么全部成功,要么全部失败,以确保数据的一致性和完整性。软件的事务管理主要实现方案主要涉及以下几个方面: (1)数据一致性:在CAD软件中…

JCR一区 | Matlab实现GAF-PCNN-MATT、GASF-CNN、GADF-CNN的多特征输入数据分类预测/故障诊断

JJCR一区 | Matlab实现GAF-PCNN-MATT、GASF-CNN、GADF-CNN的多特征输入数据分类预测/故障诊断 目录 JJCR一区 | Matlab实现GAF-PCNN-MATT、GASF-CNN、GADF-CNN的多特征输入数据分类预测/故障诊断分类效果格拉姆矩阵图GAF-PCNN-MATTGASF-CNNGADF-CNN 基本介绍程序设计参考资料 分…

npm 淘宝镜像证书过期,错误信息 Could not retrieve https://npm.taobao.org/mirrors/node/latest

更换 npm 证书 问题描述报错原因更换步骤1 找到 nvm 安装目录2 发现证书过期3 更换新地址4 保存后,重新安装成功 问题描述 在使用 nvm 安装新版本时,未成功,出现报错: Could not retrieve https://npm.taobao.org/mirrors/node/l…

Python酷库之旅-第三方库Pandas(009)

目录 一、用法精讲 19、pandas.read_xml函数 19-1、语法 19-2、参数 19-3、功能 19-4、返回值 19-5、说明 19-6、用法 19-6-1、数据准备 19-6-2、代码示例 19-6-3、结果输出 20、pandas.DataFrame.to_xml函数 20-1、语法 20-2、参数 20-3、功能 20-4、返回值 …

AI Earth ——开发者模式案例10:基于 CNN 的 AI 分类模型开发

基于 CNN 的 AI 分类模型开发 本案例主要介绍如何快速利用 AIE Python SDK 创建机器学习建模流程。我们主要使用到 Python SDK的Machine Learning Proxy 模块(下文简称 AieMlProxy )。该模块涵盖了一系列用户与训练集群之间的交互接口,包括:鉴权、数据加载、训练任务提交、…

Shell Expect自动化交互(示例)

Shell Expect自动化交互 日常linux运维时,经常需要远程登录到服务器,登录过程中需要交互的过程,可能需要输入yes/no等信息,所以就用到expect来实现交互。 关键语法 ❶[#!/usr/bin/expect] 这一行告诉操…

MySQL之备份与恢复和MySQL用户工具(一)

备份与恢复 备份脚本化 为备份写一些脚本是标准做法。展示一个示例程序,其中必定有很多辅助内容,这只会增加篇幅,在这里我们更愿意列举一些典型的备份脚本功能,展示一些Perl脚本的代码片段。你可以把这些当作可重用的代码块&…

io流 多线程

目录 一、io流 1.什么是io流 2.流的方向 i.输入流 ii.输出流 3.操作文件的类型 i.字节流 1.拷贝 ii.字符流 ​3.字符流输出流出数据 4.字节流和字符流的使用场景 5.练习 6.缓冲流 1.字节缓冲流拷贝文件 2.字符缓冲流特有的方法 1.方法 2.总结 7.转换流基本用法…

数字信号处理及MATLAB仿真(3)——量化的其他概念

上回书说到AD转换的两个步骤——量化与采样两个步骤。现在更加深入的去了解以下对应的概念。学无止境,要不断地努力才有好的收获。万丈高楼平地起,唯有打好基础,才能踏实前行。 不说了,今天咱们继续说说这两个步骤,首先…

【国产开源可视化引擎Meta2d.js】网格

画布背景网格 在线体验: 乐吾乐2D可视化 示例: // 设置默认缺省网格属性 meta2d.store.options.grid true; // 开启 meta2d.store.options.gridColor eeeeee; // 网格线条颜色 meta2d.store.options.gridSize 10; // 格子大小// 设置单个图纸的网格…

pnpm的坑

请问pnpm的两个坑怎么解决: 第一个坑:没有节省磁盘空间 我已经配置了依赖的存储位置, 但我在项目里pnpm install以后,发现依赖包还是很大, 然后发现里面的链接并不是指向先前配置的依赖存储位置,而是指…

java核心-泛型

目录 概述什么是泛型分类泛型类泛型接口泛型方法 泛型通配符分类 泛型类型擦除分类无限制类型擦除有限制类型擦除 问题需求第一种第二种 概述 了解泛型有利于学习 jdk 、中间件的源码,提升代码抽象能力,封装通用性更强的组件。 什么是泛型 在定义类、接…

VSCode设置好看清晰的字体!中文用鸿蒙,英文用Jetbrains Mono

一、中文字体——HarmonyOS Sans SC 1、下载字体 官网地址:https://developer.huawei.com/consumer/cn/design/resource/ 直接下载:https://communityfile-drcn.op.dbankcloud.cn/FileServer/getFile/cmtyPub/011/111/111/0000000000011111111.20230517…

加装德国进口高精度主轴 智能手机壳「高质量高效率」钻孔铣槽

在当前高度智能化的社会背景下,智能手机早已成为人们生活、工作的必备品,智能手机壳作市场需求量巨大。智能手机壳的加工过程涉及多个环节,包括钻孔和铣槽等。钻孔要求精度高、孔位准确,而铣槽则需要保证槽位规整、深度适宜。这些…

【漏洞复现】TerraMaster TOS exportUser.php 远程命令执行

免责声明: 本文内容旨在提供有关特定漏洞或安全漏洞的信息,以帮助用户更好地了解可能存在的风险。公布此类信息的目的在于促进网络安全意识和技术进步,并非出于任何恶意目的。阅读者应该明白,在利用本文提到的漏洞信息或进行相关测…

Leetcode3195. 包含所有 1 的最小矩形面积 I

Every day a Leetcode 题目来源:3195. 包含所有 1 的最小矩形面积 I 解法1:遍历 设最左、最右、最上、最下的 1 的行号/列号分别为 left、right、top、bottom,则答案为:(right - left 1) * (bottom - top 1)。 代码&#xf…

JAVA 对象存储OSS工具类(腾讯云)

对象存储OSS工具类 import com.qcloud.cos.COSClient; import com.qcloud.cos.ClientConfig; import com.qcloud.cos.auth.BasicCOSCredentials; import com.qcloud.cos.auth.COSCredentials; import com.qcloud.cos.model.ObjectMetadata; import com.qcloud.cos.model.PutObj…

基于java+springboot+vue实现的仓库管理系统(文末源码+lw+ppt)23-499

第1章 绪论 伴随着信息社会的飞速发展,仓库管理所面临的问题也一个接一个的出现,所以现在最该解决的问题就是信息的实时查询和访问需求的问题,以及如何利用快捷便利的方式让访问者在广大信息系统中进行查询、分享、储存和管理。这对我们的现…

WordPress:快速搭建站点,wp安装及模版介绍

最近搭建个人站点比较多,都是想把业务做到国外,通过google来引流,那我们今年就来介绍一个比较受欢迎的站点平台wordPress。WordPress是使用PHP语言开发的博客平台,用户可以在支持PHP和MySQL数据库的服务器上架设属于自己的网站。也…

JavaScript 中的面向对象编程--->构造函数--->原型对象与原型链,由浅入深详细讲解!

前言:哈喽,大家好,我是前端菜鸟的自我修养!今天给大家分享JavaScript 中的面向对象编程--->构造函数--->原型对象与原型链,由浅入深详细讲解!并提供具体代码帮助大家深入理解,彻底掌握&am…