网页前端第五次培训（JS的一些基本使用)

最新推荐文章于 2022-02-10 23:48:37 发布

阿巴~阿巴

最新推荐文章于 2022-02-10 23:48:37 发布

阅读量466

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_62236091/article/details/122830971

版权

JavaScript

1，JavaScript 简介

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。

2，基本用法

js的基本用法

2.1，行内js

<button onclick="alert('hello World');">按钮</button>

2.2，内部js

<script type="text/javascript">
			// alert("这是一个按钮")
			
		</script>

2.3，外部js

<script src="js/1.js" type="text/javascript" charset="UTF-8"></script>

3，变量

3.1变量的名称

变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。

变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）

3.2声明变量

在 JavaScript 中创建变量通常称为"声明"变量。

我们使用 var 关键词来声明变量：

var carname;

变量声明之后，该变量是空的（它没有值）。

如需向变量赋值，可使用等号：

carname="Volvo";

也可以在声明变量时对其赋值：

var carname="Volvo";

3.3注意点

1, 只声明不赋值，变量值undefined（只提醒，代码继续运行）

var c;
console.log(c);

2, 没定义直接使用（会报错）

3, 一var可多声明变量 var aa，bb，cc=10；（a，b值为undefined，c为10）

var aa,bb,cc=10;
console.log(aa);//undefined
console.log(bb);//undefined
console.log(cc);//10

4. 重新声明已存在变量是无效的

5, 重新声明已存在变量并赋值会覆盖原有值

6, js是动态、弱类型语言，类型不用定义

4，数据类型

值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

引用数据类型：对象(Object)、数组(Array)、函数(Function)。

4.1、undefined

（1）声明变量但未赋值值

（2）调用函数，有形参但未传递实参

（3）函数无返回值，默认undefined

4.2null

null类型只事一个值的数据类型，即特殊的值null，它表示空值。

注意：

（1）使用typeof操作符测试null返回object

（2）undefined与null，它们等值比较为真，未初始化的变量与赋值为null的变量相等

4.3布尔型

布尔类型有两个值: true false

4.4整值型

包含整型与浮点型，最好不用浮点型进行判断，另1.0将自动转换成1。

4.5字符串

字符串是存储字符（比如 "Bill Gates"）的变量。

字符串可以是引号中的任意文本。可以使用单引号或双引号。

5，类型转换

5.1自动类型转换

1.转字符串:加引号
2.转布尔型:有值为true，无值为false
3.转数值型:空值是0,有数值能转换,无数值转换为NaN

5.2函数转换

parseInt()：（转整数型）

在转换之前，首先会分析该字符串，判断位置为o处的字符，判断它是否是个有效数字，如果不是，则直接返回NaN，不再继续，如果是则继续，直到找到非字符。

parseFloat()：（转浮点型）

该方法与parseInt()方法的处理方式相似，从位置0开始查看每个字符，直到找到第一个非有效的字符为止，然后把该字符之前的字符串转换成数字。

<script type="text/javascript">
console.log(parseInt("123abc"));//123
console.log(parseInt("abc123"));//NaN
console.log(parseInt("123.4abc"));//123
console.log(parseInt("123"));//123
console.log(parseFloat("123abc"));//123
console.log(parseFloat("abc123"));//NaN
console.log(parseFloat("123.4abc"));//123.4
console.log(parseFloat("123"));//123
console.log(parseFloat("123.4.5"));//123.4
</script>