JavaScript基本内容
JavaScript是一种脚本语言,从诞生至今广泛应用于web开发,可以实现网页的交互,为用户提供流畅美观的浏览效果。下面就让我们来看一下它的入门知识、基本语法、数组和函数。
入门知识
一. 常用输出语句
语句 | 解释 |
---|---|
alter() | 弹出警告框 |
console.log() | 在浏览器控制台中输出内容(浏览器中F12)打开控制台 |
document.write() | HTML文档页面中输出内容 |
二. 注释
- 单行注释: //
<script>
document.write('Hello , Javascript'); //输出一句话
</script>
- 多行注释: /* */
<script>
/*
alter('Hello , JavaScript');
*/
</script>
基本语法
一. 基本数据类型
-
布尔型
布尔型通常用于逻辑判断,它只有true和false两个值,表示事物的真和假。 -
数值型
在javas中是的数值型并不区分整数和浮点数,所有数字都是数值型 -
字符型
字符型是由Unicode字符、数字等组成的字符序列,这个字符序列我们一般将其称为字符串,它是JavaScript用来表示文本的数据类型。程序中的字符型数据包含在单引号(‘’)或者双引号(“”)中
特殊字符 | 含义 |
---|---|
\‘ | 单引号 |
n\ | 回车换行 |
\t | Tab符号 |
\f | 换页 |
\b | 退格 |
\xhh | 由两位16进制数字hh表示的ISO-8859-1字符 |
- 空型
只有一个特殊的null值,用于表示一个不存在的或者无效的对象或者地址。且在JavaScript中大小写敏感,只有小写的null表示空型。 - 未定义型
只有一个特殊的undefined的值,用于声明的变量还未被初始化时,变量的默认值为undefined。
二. 运算符
- 字符串运算符
JavaScript中,“+”操作的两个数据中只要有一个是字符型,则“+”就表示字符串运算符,用于返回两个数据拼接后的字符串。 - 逻辑运算符
运算符 | 运算 |
---|---|
&& | 与 :一真即真 |
II | 或:一假即假 |
! | 非 |
- 三元运算符
条件表达式?表达式1:表达式2 |
---|
先求条件表达式的值,如果为true,则返回表达式1的执行结果,如果条件表达式的值为false,则返回表达式2的执行结果。
三. 流程控制
- 选择结构
单分支语句
if(判断条件){
代码段}
双分支语句
if(判断条件){
代码段1
}else{
代码段2
}
多分支语句
if(判断条件){
代码段1
}else{
代码段2
}
........
- 循环结构
while语句
while(循环条件){
循环体
......
}
do…while语句
do{
循环体
......
}while(循环条件)
for循环语句
for(var i=0;i< 5;i++){
语句
}
- 跳转语句
break语句 | 用在switch和循环语句中,终止当前语句的执行 |
---|---|
continue 语句 | 终止本次循环的执行,开始下一轮循环 |
数组
一. 创建数组
- 使用Array对象创建数组
实例化Array对象的方式创建数组是通过new关键字实现的
var area = new Array(’beijing‘,’上海‘,’深圳‘);
var arr1 = new Array(); // 或 var arr2 = new Array;
- 使用“[]”创建数组
var weather = [’wind‘,’fine‘,];
var empty = [] ;
二. 数组的基本操作
- 获取数组的长度
var arr1 = [78,88,98];
console.log(arr1.length); //输出结果为:3
length不仅能够获取数组的长度,还可以修改数组长度。
- 访问和遍历数组
for(variable inobject){......}
- 元素的添加和修改
通过“数组名[下标] = 值”的方式添加数组元素时,允许下标不按数字顺序连续添加,
三.常见的数组方法
- 栈和队列的方法
方法名称 | 功能描述 |
---|---|
push() | 将一个或者多个元素添加到数组的末尾,并返回数组的新长度 |
unshift() | 将一个或者多个元素添加到数组的开头,并返回数组的新长度 |
pop() | 从数组的末尾移出并返回一个元素 |
shift() | 从数组的开头移出并返回一个元素 |
- 检索方法
方法名称 | 功能描述 |
---|---|
include() | 用于确定数组中是否含有某个元素,含有返回true,否则返回false |
Array.isArray() | 用于确定传递的值是否是一个Array,是返回true,否则返回false |
indexOF() | 返回在数组中可以找到给定值的第一个索引,如果不存在,则返回-1 |
lastIndexOf() | 返回指定元素在数组中的最后一个的索引,如果不存在则返回-1 |
- 数组转字符串
方法名称 | 功能描述 |
---|---|
join() | 将数组的所有元素连接到一个字符串中 |
tostring() | 返回一个字符串,表示指定的数组及其元素 |
- 其他方法
方法名称 | 功能描述 |
---|---|
sort() | 对数组的元素进行排序,并返回数组 |
fill() | 用一个固定值填充数组中指定下标范围内的全部元素 |
reverse() | 颠倒数组中元素的位置 |
函数
一. 函数的定义和调用
自定义函数的语法结构:
function 函数名([参数1,参数2,参数3......]){
//函数体
}
参数设置:
无参函数 | 适用于不需要提供任何数据,即可完成指定功能的情况 |
---|---|
有参函数 | 若函数体内的操作需要用户传递的数据,此时函数定义时需要设置形参,用于接收用户调用函数时传递的形参 |
二. 匿名函数
匿名函数指的是没有函数名称的函数,可以有效地避免全局变量的污染以及函数名的冲突问题,它既是函数表达式的另一种表示形式,又可以通过函数声明的方式实现调用。
var fn = function(n1,n2){
return n1+n2;
}
fn(1,2);
回调函数
方法名称 | 功能描述 |
---|---|
find() | 返回数组中满足回调函数的第一个元素的值,否则返回undefined |
every() | 测试数组的所有满足元素是否都通过了回调函数的测试 |
some() | 测试数组中的某些元素是否通过由回调函数实现的测试 |
forEach() | 对数组的每个元素执行一次提供的函数 |
map() | 创建一个新的数组,其结果是该数组中的每个元素都调用一次提供的回调函数后返回的结果 |
reduce() | 对累加器和数组中的每一个元素(从左至右)应用一个函数,将其减少为单个值 |
reduceRight() | 接收一个函数作为累加器和数组的每一值将其减少为单个值 |
三. 闭包函数
用途:
可以在函数外部读取函数内部的变量。
可以让变量的值始终保持在内存中。