js基础介绍

2023-11-18 21:10:58

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）

定义常量

定义：一个固定的值（例如：圆周率）
格式：const+常量名；
特点：不可以修改，而且必须初始化

注意：

在函数外声明的变量作用域是全局的，在整个文件里面都有定义。
在函数内声明的变量作用域是局部的，只在函数内有定义。

其他

ECMAScript 是由Ecma（国际组织）定义的标准，目前JavaScript使用的ECMAScript版本为ECMAScript-262。
JavaScript 语言的下一代标准：ES6 （使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言）

码农公寓