文章目录
JavaScript概述
什么是JavaScript
JavaScript是世界上最流行的脚步语言,属于前端三要素之一,用于控制网页的行为。
历史
ECMAScript可以理解是JavaScript的一个标准
最新版本已经到ES6版本
但是大部分浏览器还停留在ES5代码上
开发环境:IDEA,WebStorm,DW等
快速入门
基本使用及其HelloWorld
-
JS代码位于script标签中
-
script标签一般位于head标签中和位于body标签的底部(内部标签)
<script type=text/javascript> alert("HelloWorld !"); </script>
-
和CSS相同,在项目中可以把JS写成单独的文件,然后通过外部引入(外部标签)
<script src="js/lan.js"></script>
基本语法
-
JavaScript中所有的变量定义都使用var关键字,不像Java要分各种数据类型
<script> var num=1; var name="小蓝"; var a=3.14; var b='学'; if(2>num){ alert(name); } </script>
-
JavaScript注释和Java相同,而且也是严格区别大小写
<script type=text/javascript> alert("HelloWorld !");// 网页弹窗,弹出HelloWorld ! </script> /*不用type属性也是默认是JavaScript */
-
控制台,在浏览器的控制台可以进行JS代码的调试,浏览器右击->检查->console
数据类型
-
数值型
var 3.14; var 25; var2 0.5 //js不区分小数整数
-
布尔值
var a=true;
var b=false;
-
逻辑运算和java相同
-
数组
var arr=[1,2,3,null,true,"hello"];//数组也可以是不同数据类型的集合,而且习惯使用中括号,在java中绝对不能这样 alert(arr[0]);
-
比较运算符
var a; var b; alert(a=b); alert(a==b);//值相同,类型不同也输出为true alert(a===b);//绝对等于,值相同,类型相同才输出true
对象的定义
- 在JavaScript中是这样定义对象,属性之间与逗号隔开,相当于Java中定义类
<script>
var person={
name: "小蓝",
age: 22,
sex: "男",
school: "牛马大学"
}
alert(person.school);
</script>
严格检查模式strict
- 在JavaScript中要注意严格审查模式 使用“use strict”放在第一行即可自助标出错误的变量(IDEA6.0以上支持),局部变量定义建议使用let替换var,因为var是全局变量
<script>
'use strict';
let i=100;
alert(i);
</script>
字符串类型详解
<script>
// 转义字符和java使用相同
//多行字符需要使用单引号位于tab键上方
let src=`
您好呀
hello
欢迎来我家做客
哈哈
`;
//模板字符串
let name="lansupei";
let msg=`您好呀!${
name}`;
alert(msg);
//字符串长度
let str="lansupei";
alert(str.length);
//大小写转换
alert(str.toUpperCase());
//字符串截取
alert(str.substring(1));//截取下标1后面所有的字符
alert(str.substring(1,3));//截取[1,3)的字符
</script>
数组类型详解
<script>
var arr=[1,2,3,"4","a"];
arr.IndexOf(1); //通过元素1获得下标索引
arr.slice(2);//下标从2开始截取数组,类似于字符串的substring()
arr.push("c","d"); //压入元素到尾部
arr.pop(); //弹出尾部的元素
arr.unshift("c","d"); //压入元素到头部
arr.shift(); //弹出头部的元素
arr.sort(); //排序
arr.reverse