一、前言
JavaScript是一种广泛使用的编程语言,主要用于网页开发。
JavaScript的基本概念:
- 变量和数据类型:在JavaScript中,你可以使用变量来存储各种数据,如数字、字符串、布尔值、对象、数组等。JavaScript是一种弱类型语言,这意味着变量的类型可以在运行时改变。
- 函数:函数是一段可重复使用的代码块,可以接受参数并返回一个值。在JavaScript中,函数可以作为一等公民,可以作为参数传递给其他函数,也可以作为变量存储。
- 对象:对象是包含属性和方法的集合。属性是变量,方法则是函数。在JavaScript中,对象是使用花括号{}来创建的。
- 事件:事件是用户与网页交互时发生的事情,如点击、鼠标移动、键盘输入等。JavaScript允许你定义事件处理程序,以便在事件发生时执行特定的代码。
- DOM(文档对象模型):DOM是HTML和XML文档的编程接口,它提供了一种方式来访问和操作文档的结构。在JavaScript中,你可以使用DOM来动态地修改网页内容、结构和样式。
- 异步编程:JavaScript是单线程的,这意味着它一次只能执行一个任务。为了提高性能并允许用户与网页交互,JavaScript使用异步编程模型,如回调函数、Promises和async/await。
- 模块和模块化:在现代JavaScript开发中,模块是一种组织代码的方式。通过模块化,你可以将代码分解为独立的文件,每个文件都有一个特定的功能或任务。
二、代码
1. 函数
function formatDate(date, fmt) {
let obj = {
'y': date.getFullYear(), // 年份,注意必须用getFullYear
'M': date.getMonth() + 1, // 月份,注意是从0-11
'd': date.getDate(), // 日期
'q': Math.floor((date.getMonth() + 3) / 3), // 季度
'H': date.getHours(), // 24小时制
'h': date.getHours() % 12 === 0 ? 12 : date.getHours() % 12, // 12小时制
'm': date.getMinutes(), // 分钟
's': date.getSeconds(), // 秒
'S': date.getMilliseconds() // 毫秒
};
for (let i in obj) {
fmt = fmt.replace(new RegExp(i + '+', 'g'), function(m) {
let val = String(obj[i]);
for (let j = 0, len = val.length; j < m.length - len; j++) {
val = '0' + val;
}
return m.length === 1 ? val : val.substring(val.length - m.length);
});
}
return fmt;
};
2. 自定义输出
formatDate(new Date, 'yyyy-MM-dd HH:mm:ss') // 2021-08-31 15:50:26
formatDate(new Date, 'yyyyMMdd HHmmss') // 20210831 155143
formatDate(new Date, 'yyyy-MM-dd') // 2021-08-31
三、后记
JavaScript是一种面向对象的动态编程语言,用于为网页添加交互和动态效果。它可嵌入到HTML文档中,并通过浏览器解释执行。
以下是JavaScript的一些详细概念:
- 变量:JavaScript中的变量用于存储数据。变量可以通过关键字
var
来声明,并且可以存储各种类型的数据,如数字、字符串、布尔值等。 - 数据类型:JavaScript支持多种数据类型,包括数字(Number)、字符串(String)、布尔(Boolean)、对象(Object)、数组(Array)等。
- 运算符:JavaScript支持各种运算符,如算术运算符(+、-、*、/等)、比较运算符(==、!=、>、<等)、逻辑运算符(&&、||、!等)等。
- 控制流程:JavaScript中的控制流程语句包括条件语句(if、else if、else)、循环语句(for、while)和跳转语句(continue、break)等,用于控制程序的执行流程。
- 函数:JavaScript中的函数是一段可重复使用的代码块,用于封装一些特定的功能。函数可以有参数和返回值,可以通过关键字
function
来定义。 - 事件:JavaScript可以通过事件来响应用户的操作,如点击按钮、鼠标移动等。可以使用addEventListener()函数来为元素绑定事件,并在事件触发时执行相应的代码。
- DOM操作:JavaScript可以通过DOM(Document Object Model)来操作网页的元素。可以通过getElementById()、getElementsByClassName()等方法来获取元素,并对其进行操作或修改。
- AJAX:JavaScript可以使用AJAX技术与服务器进行异步通信,实现无需刷新页面的数据交互。可以使用XMLHttpRequest对象或fetch函数来发送请求,并在获取到响应后处理数据。
四、热门文章
RESTful API,如何构建 web 应用程序
jQuery实现轮播图代码
vue实现文本上下循环滚动
Vue运用之input本地上传文件,实现传参file:(binary)
js判断各种浏览器
uni-app详解、开发步骤、案例代码