一、JavaScript介绍
1.JavaScript
是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。
2.作用
➢ 网页特效 (监听用户的一些行为让网页作出对应的反馈) ➢ 表单验证 (针对表单数据的合法性进行判断) ➢ 数据交互 (获取后台的数据, 渲染到前端) ➢ 服务端编程 (node.js)
3.JavaScript的组成
1.ECMAScript:
规定了js基础语法核心知识。 比如:变量、分支语句、循环语句、对象等等
2.Web APIs :
1.DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作 2.BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等
4.JavaScript 书写位置
1.行内
2.内联
3.外联
5.JavaScript 注释
6.JavaScript 结束符
➢ 英文分号 ; ➢ 可写可不写(现在不写结束符的程序员越来越多) ➢ 换行符(回车)会被识别成结束符 ,所以一个完整的语句,不要手动换行 ➢ 因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符 ➢ 但为了风格统一,要写结束符就每句都写,要么每句都不写(按照团队要求.)
7.JavaScript 输入输出语法
1.输出
a. document.write('内容') 想body输出内容 教学时用到 b.alert('内容') 页面弹出警告对话框 c.console.log('内容') 控制台输出语法 程序员调试使用
2.输入
a.prompt('内容') 显示一个对话框 用来提示用户输入 b.confirm('内容') 显示一个确认框 可以点击 确定与取消
二、变量
1.什么是变量
变量是计算机存储数据的“容器”
2。变量基本使用
1.声明变量 let 变量名= 值;
3.变量使用的注意点
1.变量不允许重复声明; 2.变量不能重新赋值; 3.变量之前的赋值需要另一个变量协助
4.变量命名规则与规范
规则:必须遵守,不遵守报错 规范:建议,不遵守不会报错,但不符合业内通识 1.规则 : ➢ 不能用关键字 ✓ 关键字:有特殊含义的字符,JavaScript 内置的一些英语词汇。例如:let、var、if、for等 ➢ 只能用下划线、字母、数字、$组成,且数字不能开头 ➢ 字母严格区分大小写,如 Age 和 age 是不同的变量 2.规范 ➢ 起名要有意义 ➢ 遵守小驼峰命名法 ✓ 第一个单词首字母小写,后面每个单词首字母大写。例:userName
三、数据类型
1. JS 数据类型整体分为两大类:
➢ 基本数据类型(number 数字型 string 字符串型 boolean 布尔型 undefined 未定义型 null 空类型) ➢ 引用数据类型 (object 对象 function 函数 array 数组)
1.1 数字类型(number)
是整数、小数、正数、负数。
1.2 string 字符串型
通过单引号( '') 、双引号( "")或反引号( ` )包裹的数据都叫字符串,单引号和双引号没有本质上的区别 ,推荐使用单引号。 1.2.2.模板字符串 2.1 作用 ➢ 拼接字符串和变量 ➢ 在没有它之前,要拼接变量比较麻烦 2.2符号 ➢ `` ➢ 在英文输入模式下按键盘的tab键上方那个键(1左边那个键) ➢ 内容拼接变量时,用 ${} 包住变量
1.3 boolean 布尔型
表示肯定或否定时在计算机中对应的是布尔类型数据。 它有两个固定的值 true 和 false,表示肯定的数据用 true(真),表示否定的数据用 false(假)
1.4未定义类型(undefined)
未定义是比较特殊的类型,只有一个值 undefined。 1.5 null 空类型 null 和 undefined 区别: 1. undefined 表示没有赋值 2. null 表示赋值了,但是内容为空 null 开发中的使用场景: 官方解释:把 null 作为尚未创建的对象 大白话: 将来有个变量里面存放的是一个对象,但是对象还没创建好,可以先给个null
### 1.6检测数据类型 1.控制台语句经常用于测试结果来使用。 ➢ 可以看出数字型和布尔型颜色为蓝色,字符串和undefined颜色为灰色 2. 通过 typeof 关键字检测数据类型
四、类型转换
1.隐式转换
某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换。 规则: ➢ + 号两边只要有一个是字符串,都会把另外一个转成字符串 ➢ 除了+以外的算术运算符 比如 - * / 等都会把数据转成数字类型 缺点: ➢ 转换类型不明确,靠经验才能总结 小技巧: ➢ +号作为正号解析可以转换成Number
2.显式转换
概念: 自己写代码告诉系统该转成什么类型
1.转换为数字型
➢ Number(数据) ✓ 转成数字类型 ✓ 如果字符串内容里有非数字,转换失败时结果为 NaN(Not a Number)即不是一个数字 ✓ NaN也是number类型的数据,代表非数字 ➢ parseInt(数据) ➢ 只保留整数 ➢ parseFloat(数据) ➢ 可以保留小数
2..转换为字符型:
➢ String(数据) ➢ 变量.toString()
3.转换为布尔型:
➢ Boolean(数据) 由于布尔类型只有两个值,因此任何数据转换成布尔类型,只能得到true或false ➢ 得到false,有且只有八种数据: 0 -0 NaN undefined null false ‘’(空字符串) document.all ➢ 这里需要重点记忆的是: undefined null 0 NaN ➢ 得到true: 除false八种之外一切数