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 输出消息的几个写法
- alert(“”);在页面中弹出提示框,显示消息
- confirm(“”) ;弹窗显示 一般与if...else配合使用
- prompt("");在网页弹出输入框,一般用来接收用户输入消息
- document.write("");在网页中输出消息,里面可以放HTML标签
- 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(字符串)
凡是用“”(双引号)或者‘’(单引号)引起来的都是字符串类型
转义字符:
” 转双引号
’ 转单引号
r 回车符
n 换行
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: 无穷大的数字。
% 取余
获取余数。不同类型运算结果同上
() 优先级
有括号先算括号里面的值
- Selenium的使用方法简介
- 爬虫代理哪家强?十大付费代理详细对比评测出炉!
- HTML5中类jQuery选择器querySelector的使用
- Ceph 集群整体迁移方案
- CSS3矩阵变换
- 可直接运行
- Ryu:网络时延探测应用
- box布局
- Event Loop
- 把图片变成字体,然后在引入到网页
- Flutter环境搭建
- java.net.ConnectException: Call From slaver1/192.168.19.128 to slaver1:8020 failed on connection exc
- 18/03/18 04:53:44 WARN TaskSchedulerImpl: Initial job has not accepted any resources; check your clu
- 技术干货 | Hadoop3.0稳定版安装攻略来啦!
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python部署rad+xray自动化
- 2.建立第一个django项目与配置
- Flutter基础widgets教程-Radio篇
- Django中的QuerySet
- Python—requests模块详解
- python爬虫伪装请求头---fake-useragent
- Flutter基础widgets教程-RaisedButton篇
- 记一次 excel vba 参考手册爬虫实战,不必要的一次爬虫。
- xray子域名扫描结果导出
- AWS的湖仓一体使用哪种数据湖格式进行衔接?
- python 行政区域地址标准化:业务经理填报的地址乱起八糟,高德接口有点厉害!
- python 行政区域地址标准化:业务经理填报的地址乱起八糟,高德接口有点厉害! -- 后续,使用分词思路完成解析
- pandas 一维台账数据与二维表格数据的转换
- Flutter基础widgets教程-Row篇
- padans 关于数据处理的杂谈 -- 时序数