JavaScript 入门

113 阅读2分钟

认识JavaScript

JavaScript是在web网页上实现一些复杂的逻辑操作功能,只要不是静态信息,而是可以根据时间、条件等是使用JavaScript来进行实现的.

基础

首先,学习JavaScript,需要先认识HTML与CSS,在前端当中,假如HTML是一个网页的骨架,CSS就是他的肉体,而JavaScript就是他的灵魂。
当我们的页面需要一系列的动作时,JavaScript都是不可或缺的,我们需要他来获取、操作等一系列的作用。

引入

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script src="./index.js"></script>
</body>

</html>

我们可以看到,引入CSS样式时,我们会使用link来进行连接,但我们使用JavaScript时,需要用script标签来进行引入JavaScript文件

!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <script>
        //JavaScript代码块 
    </script>

</body>

</html>

同时,我们也可以使用script标签来直接写JavaScript的操作。

内容

变量

变量:存放数据(数值)的容器

数据类型

基本数据类型

Number(数字),String(字符串),Boolean(布尔),Undefined(未定义),Null(空),Symbol(唯一值)
除了null和undefined之外,每个基本类型都有其包装对象

let number=2023
let string='2023年'
let boolean=true//true为真 false为假
let undefined=undefined //不给值就为undefined,没有数据类型
let nulls=null //此时输出nulls就为空
let sym=symbol('sym') //定做唯一值
复杂数据类型

Array(数组),Object(对象),Function(函数),Date(时间),Regex(正则)

let array=[1,'2',true,undefined,null] //数组,数组内的元素可以为任意类型,主要通过下标来获取里面数据
let object={a:1,b:'2',c:true} //对象,使用花括号包括,含有属性,属性名与属性值对应,通过属性名获取属性值
function fn(){
    //函数,在函数内可以定义变量,进行需要的操作
}
let date=Date() //时间
let reg=/^1[3-9]\d{9}$/ //正则,此例为普通手机号正则