Javascript 变量 ，数据类型，运算符

1、认识Js

js概念

JavaScript是一种网页编程技术

JavaScript就是一种基于对象和事件驱动，并具有安全性能的脚本语言

JavaScript可以被嵌入到HTML文件中，不需要经过Web服务器就可以对用户操作作出响应

 

简单理解： js就是一门运行在客户端浏览器的脚本编程语言

js组成

•ECMAScript：JavaScript的语法标准。

•DOM：文档，JavaScript操作网页上的元素的API

•BOM：JavaScript操作浏览器的部分功能的API

特点

1. 简单易用

可以使用任何文本编辑工具编写

只需要浏览器就可以执行程序

2. 解释执行（解释语言）

事先不编译

逐行执行

无需进行严格的变量声明

（js源代码直接通过js引擎执行）

3. 基于对象

内置大量现成对象，编写少量程序可以完成目标

2、js使用范围

客户端数据计算

客户端表单合法性验证

浏览器对象的调用

浏览器事件的触发

网页特殊显示效果制作

 

3、Javascript 与html之间的关系

Html: 是用来制作网页，简单来说就是编写网页结构。

Javascript: 实现网页与客户之间互动的桥梁，让网页具有丰富的生命力

4、Javascript语法规范

Javascript 书写位置

（1）与css类似，直接嵌入到html页面中 推荐放到html结构最后写

<script>
    
</script>

 

（2）文件调用：JavaScript代码写到另一个文件当中（其后缀通常为“.js”），然后用格式为

<script src="javascript.js"></script>

的标记把它嵌入到文档中

 

Javascript执行过程中的小原理

html页面中出现<script>标签后，就会让页面暂停等待脚本的解析和执行。无论当前脚本是内嵌式还是外链式，页面的下载和渲染都必须停下来等待脚本的执行完成才能继续，这在页面的生命周期中是必须的。

例如：通过外链式js文件查看加载速度。

所以推荐大家将能合并的js文件合并到一个文件中，然后再去引用

5、JavaScript 输出消息的几个写法

1. alert(“”);在页面中弹出提示框，显示消息

2. confirm(“”) ;弹窗显示 一般与if...else配合使用

3. prompt（""）;在网页弹出输入框，一般用来接收用户输入消息

4. document.write("");在网页中输出消息，里面可以放HTML标签

5. console.log("");在控制台输出消息，一般用来调试程序

编写Javascript注意语法规范，一行代码结束后必须在代码最后加上英文输入法下的 ;（逗号）

6、认识Javascript中变量

声明变量（定义变量）

通过 var关键字定义

变量定义： var 自定义名称；

如：

var name;

变量赋值 **注意：** = 为赋值运算符号，不是我们理解的等号

var name= "张三";

变量调用：

alert（name）

字面量（直接量）：没有通过定义，直接用的 需用" "引号

变量命名规范：

1. 不能使用特殊字符定义变量或者以特殊字符开头，“_”除外
2. 变量名必须以字符或下划线“_”开头
3. 变量可以包含数字、从A至Z的大小字母（不能使用纯数字）
4. 不推荐使用汉字定义变量
5. JavaScript严格区分大小写，computer和Computer是两个完全不同的变量
6. 禁止使用javascript的保留关键字作为变量名（见下面的保留关键字图）

关键字：JavaScript语言用于程序控制或者执行特定操作的英语单词。

 

 保留字：ECMAScript规范中，预留的某些词汇，以便于以后某个时间会用于关键字。

 我们写的代码起名字的时候不能用跟关键字和保留字重名。不然会报错。

7、数据类型介绍

1、简单数据类型

Number(数字)：所有的数字（整数，负数，小数）

1、最基本的数据类型

2、不区分整型数值和浮点型数值

3、能表示的最大值是±1.7976931348623157乘以10的308次方

能表示的最小值是±5 乘以10的-324次方

4、包含十六进制数据，以 0x开头 0到9之间的数字，a(A)-f(F)之间字母构成。 a-f对应的数字是10-15

5、 八进制直接以数字0开始，有0-7之间的数字组成。

String（字符串）

凡是用“”（双引号）或者‘’（单引号）引起来的都是字符串类型

转义字符：

” 转双引号

’ 转单引号

回车符

换行

Boolean（布尔）

取值： true 和false，也代表1和0，实际运算中true=1，false=0

Null（空）

Javascript中的关键字，它表示一个特殊值。通常用来描述“空值”。

Undefined（变量未初始化）

没有给变量赋值

在EcmaScript3中，undefined是可读写的变量，可以给它负任何值。在EcmaScript5中将这个错误进行了修改。只有undefined这一个值。

2、复杂数据类型

Object(对象)

Array(数组)

8、比较运算符

> < != >= <=

结果：一种是true(正确的) 一种是false（错误的）

 9、算术运算符

加  +

1、当两个Number类型的变量相加，结果为Number

2、当一个Number类型的变量和一个String类型的变量相加，最后结果为字符串（加号起到的是连接的作用）

减  -

1、当两个Number类型的变量相减，结果为Number

2、当一个Number数据类型的变量和一个数字的字符串类型变量相减，最后的结果为Number类型

输出结果为 0 

 

输出结果为：NaN

NaN： not a number

但是它是一个Number类型

乘    *

​ 不同类型运算结果与减法的结果一致

除   /

结果同上，区别：当一个数字除以0最后的结果为 infinity

Infinity: 无穷大的数字。

% 取余

获取余数。不同类型运算结果同上

() 优先级

​ 有括号先算括号里面的值