js基础介绍

醉挽清欢

已于 2022-01-21 19:40:04 修改

阅读量243

点赞数

分类专栏： js 文章标签： javascript

于 2022-01-13 09:00:00 首次发布

本文链接：https://blog.csdn.net/weixin_51610980/article/details/122461886

版权

js 专栏收录该内容

41 篇文章 1 订阅

订阅专栏

js基本介绍

1994年，Netscape 发明了 JavaScript

什么是JavaScript

js全称是javascript（与java毫无关系），是一种运行在浏览器中的解释型的编程语言

js的语言特性

js是一种解释性语言

几种语言区别

编译语言（例如：java c c#）：

编译语言的运行步骤（先编译后翻译）：

编写源代
翻译（编译 .class）
计算机执行编译过的文件

解释性语言（例如：js）：

编译语言的运行步骤（边编译边执行）：

编写源代同时翻译
计算机执行编译过的文件

弱类型语言

特点：
1. 对于语法要求不严格
2. 语法比较灵活

js 运行环境（宿主）

浏览器
node环境

js作用：

1.表单校验
2.做出各种特效

js的使用

引入方式

外部引入
步骤：

新建js文件
使用script标签引入

示例：

<script language="JScript" src="JS文件路径"></script>

使用标签
步骤：

通过事件放入js（需要特定的行为）

示例：

<div onclick="alert('q')">点击时有</div>

在html中
步骤：

将js脚本写在script标签之间

示例：

<script type="text/javascript">
        JS语句;
</script>

js执行

从上到下逐行执行
命令结束是以“;”或者换行(建议换行同时加;)

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>
        var b;
        b=88;
        alert(b);
        var c=67;
        alert(c);
        let d,f,g=77;
        alert(d);
        alert(g);
        let num1=99;
        alert(num1);
         num1=78;
        alert(num1);
    </script>
</body>
</html>

效果显示：
依次弹出 88 67 undefined 77 99 78

js语法

1.js是区分大小写(与html不同)

所有编码均需要在英文状态（尤其要注意标点符号的英文状态）

常量与变量的定义

命名规则

变量命名必须以字母、下划线”_”或者”$”为开头，首个字不能为数字
变量名中不允许使用空格和其他标点符号
变量名长度不能超过255个字符。
不能使用关键字作为标识符。

定义变量：

定义：一个可变的值（相当于一个容器）
格式：let/var+变量名；
特点：可以改变值和数据类型

JS中的变量的数据类型

数据类型	描述
String	字符串类型。用引号包裹的内容，称为字符串
Number	数值类型。可以是小数，也可以是正数
boolean	布尔值，表示真假。可选值true/false（即为0或1）