JavaScript编程之快速入门篇

JavaScript编程之快速入门篇

BOM(broswer Object Model) 浏览器对象模型，提供了与浏览器交互的方法，可以通过javaScript代码来执行操作浏览器

DOM（Document Object Model）文档对象模型提供了操作网页元素的方法

通过javaScript代码可以操作浏览器，进行网址转换历史记录切换和浏览器弹窗。

javascript是运行在浏览器上的，由浏览器的JS引擎解析

设置Javascrpipt的语言版本为6+

JavaScript的引入方式：

1. 内部引用方式：在body标签的最后添加一对script

2. 外部引用方式：在当前项目创建一个js文件夹，然后在js文件夹创建js后缀的文件 ，最后在script标签引入使用src

一个script标签不能同时做内联式和外联式

日志输出，在浏览器查看

在script标签中使用document.write( ) // 是把内容输出到页面上

JavaScript编程之基本语法篇

变量

数据类型

一共有5种原始数据类型

• number 小数和整数都是number
• boolean
• string
• object
• undefine 未定义类型

可以通过typeof操作符查看变量的类型

数据类型转换

parseInt() 字符串转换为number类型

parseFloat() 字符串转换为number类型

new Boolean(参数) 参数是空字符串或者是数字0转换的结果就是False ，否则参数就是True

运算符

JavaScript中的相等性判断

==和！= 只比较数值

=== 只

程序流程控制

函数

javaScript函数和java方法不同的地方

1. 定义和调用参数的个数可以不一致，因为javascript函数有一个内置变量arguments，这个变量是一个数组，该数组可传入任意个参数
2. 方法不能重载，如果重载会导致重名的方法后定义的覆盖先定义的

匿名函数

匿名函数是函数在定义时没有名字，使用是一次性的

function(形参列表){
		函数体
		return 返回值
}

javascript内置对象

正则表达式对象

正则表达式

正则表达式是以/开头的 / 结尾的

想要精确匹配，正则表达式使用^开头

//需求：精确匹配。字符串只能是英文字母和数字，并且以英文字母开头
regex=/^[a-zA-Z][a-zA-Z0-9]{4,16}$/


//需求：手机号校验
regex=/^1[3,5,7,8,9][0-9]{9}$]/
str="15136110511"
result=regex.test(str)
console.log("手机号精确匹配的校验结果是" + result)

数组对象

javaScript的数组创建

let array =new Array(size)
let array =new Array(element1,element2,element3)
let array =new Array(size)

案例：数组的拼接

Date对象