38、JavaScript(1)
一、JavaScript 是什么?
是一种运行在客户端的脚本语言(script是脚本的意思)
脚本语言:意思是不需要编译,运行时通过js解释器(js引擎)逐行进行解释并执行,现在也可以基于 Node.js 技术进行服务器端编程
二、JavaScript的作用
- 表单动态校验(密码强度检测)(JS最初产生的目的)
- 网页特效
- 服务端开发(Node.js)
- 桌面程序(Electron)
- APP(Cordova)
- 控制硬件-物联网(Ruff)
- 游戏开发(cocos2d-js)
三、HTML、CSS与JS之间的关系
HTML和CSS标记语言–描述类语言
- HTML决定一个网页的结构和内容,相当于一个人的身体。
- CSS主要负责美化网页,相当于给人穿上衣服。
JS脚本语言–编程类语言
- 实现业务逻辑和页面功能,相当于人的动作。
四、JS的组成
- ECMAScript:规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。
- DOM------文档对象模型:(DocumentObject Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。
- BOM-----浏览器对象模型:(Browser Object Model,简称BOM) 是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。
五、JS的书写方式
1、内部标签
<script>
alert("Hello World!!!"); //alert 弹窗
</script>
2、外部引入
<script src="js/aa.js"></script>
- 可以将单行或少量 JS 代码写在HTML标签的事件属性中(以 on 开头的属性),如:onclick
- 注意单双引号的使用:在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
- 可读性差, 在html中编写JS大量代码时,不方便阅读;
- 引号易错,引号多层嵌套匹配时,非常容易弄混;
- 特殊情况下使用
六、基本语法入门
<script>
//定义变量 变量类型 变量名 = 变量值;
var score=100;
//条件控制
if(score>60 && score<70){
alert("60~70");
}else if(score>70 && score<80){
alert("70~80");
}else if(score>80 && score<90){
alert("80~90");
}else{
alert("other");
}
</script>
七、数据类型
7.1 数据类型简介
(1)为什么需要数据类型?
在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数 据,充分利用存储空间,于是定义了不同的数据类型。
简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样 的。
(2)变量的数据类型
变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储 到计算机的内存中。
JavaScript是一种弱类型或者说动态语言,这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定:
> var age = 10; //这是一个数字型
> var areYouOk = ‘是的’; // 这是一个字符串
7.2 数据类型的分类:
- 简单数据类型 (Number,String,Boolean,Undefined,Null)
- 复杂数据类型 (object)
(1) 简单数据类型:
7.3 获取变量数据类型
typeof 可用来获取检测变量的数据类型
var num = 18;
console.log(typeof num) // 结果 number
不同类型的返回值
7.4 数据类型转换
通俗来说,就是把一种数据类型的变量转换成另一种数据类型,通常会实现3种方式的转换:
- 转换为字符串类型
- 转换为数字型
- 转换为布尔型
(1)转换为字符串
(2) 转换为数字型
(3)转换为布尔型
- 代表空、否定的值会被转换为 false ,如 ‘’、0、NaN、null、undefined
- 其余值都会被转换为 true