JavaScript引入方式

听分的诉说

于 2023-05-05 17:16:55 发布

阅读量299

点赞数

分类专栏： Javaweb 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_63325854/article/details/130510847

版权

Javaweb 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

JavaScript 引入方式就是 HTML 和 JavaScript 的结合方式。JavaScript引入方式有两种：

内部脚本：将 JS代码定义在HTML页面中
外部脚本：将 JS代码定义在外部 JS文件中，然后引入到 HTML页面中

2.1 内部脚本

在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间

在 HTML 文档中可以在任意地方，放置任意数量的<script>标签。

一般把脚本置于 <body> 元素的底部，可改善显示速度

因为浏览器在加载页面的时候会从上往下进行加载并解析。我们应该让用户看到页面内容，然后再展示动态的效果。

3，JavaScript基础语法

3.1 书写语法

JavaScript 中 var 关键字有点特殊，有以下地方和其他语言不一样

ECMAScript 6 新增了 const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变。通过下面的代码看一下常用的特点就可以了

我们可以看到给 PI 这个常量重新赋值时报错了。

针对如上的问题，ECMAScript 6 新增了 let关键字来定义变量。它的用法类似于 var，但是所声明的变量，只在 let 关键字所在的代码块内有效，且不允许重复声明。

例如：

 {
     let age = 20;
 }
 alert(age);

运行上面代码，浏览器并没有弹框输出结果，说明这段代码是有问题的。通过 F12 打开开发者模式可以看到如下错误信息

而如果在代码块中定义两个同名的变量，IDEA 开发工具就直接报错了

区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的
每行结尾的分号可有可无

如果一行上写多个语句时，必须加分号用来区分多个语句。
注释
- 单行注释：// 注释内容
- 多行注释：/* 注释内容 */
注意：JavaScript 没有文档注释
大括号表示代码块
3.2 变量

JavaScript 中用 var 关键字（variable 的缩写）来声明变量。格式 var 变量名 = 数据值;。而在JavaScript 是一门弱类型语言，变量可以存放不同类型的值；如下在定义变量时赋值为数字数据，还可以将变量的值改为字符串类型的数
```
 var test = 20;
 test = "张三";
```
js 中的变量名命名也有如下规则，和java语言基本都相同
组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
数字不能开头
建议使用驼峰命名

作用域：全局变量

 {
     var age = 20;
 }
 alert(age);  // 在代码块中定义的age 变量，在代码块外边还可以使用

变量可以重复定义

 {
     var age = 20;
     var age = 30;//JavaScript 会用 30 将之前 age 变量的 20 替换掉
 }
 alert(age); //打印的结果是 30

3.43数据类型

JavaScript 中提供了两类数据类型：原始类型和引用类型。

使用 typeof 运算符可以获取数据类型

alert(typeof age); 以弹框的形式将 age 变量的数据类型输出

原始数据类型：

number：数字（整数、小数、NaN(Not a Number)）

 var age = 20;
 var price = 99.8;
 
 alert(typeof age); // 结果是 ： number
 alert(typeof price);// 结果是 ： number

注意： NaN是一个特殊的number类型的值，后面用到再说

string：字符、字符串，单双引皆可

 var ch = 'a';
 var name = '张三'; 
 var addr = "北京";
 
 alert(typeof ch); //结果是  string
 alert(typeof name); //结果是  string
 alert(typeof addr); //结果是  string

注意：在 js 中双引号和单引号都表示字符串类型的数据

3.5 运算符

- boolean：布尔。true，false
```
 var flag = true;
 var flag2 = false;
 
 alert(typeof flag); //结果是 boolean
 alert(typeof flag2); //结果是 boolean
```
- null：对象为空
```
 var obj = null;
 
 alert(typeof obj);//结果是 object
```
  为什么打印上面的 obj 变量的数据类型，结果是object；这个官方给出了解释，下面是从官方文档截的图
- undefined：当声明的变量未初始化时，该变量的默认值是 undefined
```
 var a ;
 alert(typeof a); //结果是 undefined
```

听分的诉说

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript引入方式

JavaScript 引入方式就是 HTML 和 JavaScript 的结合方式。JavaScript引入方式有两种：内部脚本：将 JS代码定义在HTML页面中外部脚本：将 JS代码定义在外部 JS文件中，然后引入到 HTML页面中。
复制链接

扫一扫