一.JavaScript引入方式
1.1 内部脚本
- 将 JS代码定义在HTML页面中,JavaScript 代码必须位于标签之 间。
- 在 HTML 文档中可以在任意地方,放置任意数量的。
- 一般把脚本置于元素的底部,可改善显示速度,因为脚本执行会拖慢显示。
1.2 外部脚本
- 将 JS代码定义在外部 JS文件中,通过标签引入到 HTML页面中
- 标签要么用于定义内部脚本,要么用于引入外部js文件,不能混用
- 标签不能自闭合
二.JavaScript基础语法
2.1 JavaScript的书写语法
- 区分大小写
- 每行结尾的分号可有可无
- 注释:单行注释:// 注释内容,多行注释:/* 注释内容 */
2.2 JavaScript的三种输出方式
- 弹出警告框:window.alert("hello JS ~");
- 输出数据到页面: document.write("hello JS ~");
- 输出到浏览器控制台:console.log("hello JS ~");
2.3 JavaScript定义变量
- JavaScript 中用 var 关键字(variable 的缩写)来声明变量
- JavaScript 是一门弱类型语言,变量可以存放不同类型的值
- ES 6 新增了 let 关键字来定义变量。它的用法类似于 var,但是所声明的变量,只在 let 关键字所在的代码块内有效,且不允许重复声明
- ES6 新增了 const关键字,用来声明一个只读的常量。一旦声 明,常量的值就不能改变。
2.4 JavaScript数据类型
- 原始类型
number:数字(整数、小数、NaN(Not a Number))
string:字符、字符串,单双引皆可
boolean:布尔。true,false
null:对象为空
undefined:当声明的变量未初始化时,该变量的默认值是 undefined
- 引用类型
就是对象。Object Date 等
- 使用 typeof 运算符可以获取数据类型
2.5 JavaScript运算符
- 一元运算符:++,--
- 算术运算符:+,-,*,/,%
- 赋值运算符:=,+=,-=…
- 关系运算符:>,=,<=,!=,==,===…
- 逻辑运算符:&&,||,!
- 三元运算符:条件表达式 ? 值1 : 值2;
2.6 JavaScript全局函数
- 其他类型转换为数字:parseInt(数值),将参数数值转换为整 数,从左向右解析,遇到非数值就停止解析。
- 如果字面值不是数字,则转为NaN。
- 布尔类型转换为整数:Number(),true 转为1,false 转为0
- 其他类型转为 boolean:Boolean(value)
- number:0和NaN转为false,其他的数字转为true
- string:空字符串转为false,其他字符串转为true
- null:转为false
- undefined:转为false
- 在JavaScript中有全局函数概念:不归属任何对象,即可以理解 为不需要任何对象就可以调用的函数;注意:所有的全局函数都 可以使用浏览器窗口对象调用,即window对象调用,但可以省 略不写。
2.7 JavaScript流程控制语句
- if
- switch
- for
- while
- do…while
2.8 JavaScript函数(重点)
- 定义:JavaScript 函数通过 function 关键词进行定义
- 形式参数不需要类型。因为JavaScript是弱类型语言
- 返回值也不需要定义类型,可以在函数内部直接使用return 返回即
- 调用:JavaScript中,函数调用可以传递任意个数参数
三.JavaScript对象
3.1 数组对象Array
3.1.1 定义格式一
3.1.2 定义格式二
3.1.3 常见属性和函数
- push():向数组的末尾添加一个或更多元素,并返回新的长度。
3.2 正则对象RegExp
- 直接量:注意不要加引号
var reg = /^正则表达式符号$/;
- 创建 RegExp 对象
var reg = new RegExp("^正则表达式符号$");
- 方法
test(str):判断指定字符串是否符合规则,返回 true或 false
- 语法
需求:使用正则表达式验证指定的字符串是否满足长度是6.
3.3 String对象
- 定义
let 变量名 = new String(s); //方式一
let str = new String("hello");
let 变量名 = s; //方式二
let str = "hello" ; let str = 'hello';
- 属性
length 字符串的长度
- 方法
charAt() 返回在指定位置的字符
indexOf() 检索字符串
3.4 自定义对象(重要)
- 格式
- 实例