javascript(一)
1.javascriptl历史背景介绍
创始人:布兰登 艾奇 在1995年网景公司发明,与java没有一点关系
2.javascript是前台语言
javascript运行在用户的终端页面上,而不是后台语言(是运行在服务器上的,比如PHP,ASP,JSP)
3.javascript的组成
三个部分:
ECMAScript:javascript的语法标准,包括变量,表达式,运算符,函数,if语句,for语句等
DOM:操作页面上的元素的API,比如盒子移动,变色,轮播图等
BOM:操作浏览器部分功能的API,比如让浏览器自动滚动
4.javascript的特点
1简单操作易用
2解释执行
3基于对象
5.语法规则
1.javascript对换行,缩进不敏感
2,所有的符号都是英语的
3.javascript的注释
单行注释://
多行注释/* */
6.javascript中的输入输出语句
输入:prompt()
输出:console.log()
定义变量:var
代码如下:
<script> var a = prompt("你叫什么名字呀") console.log(a) </script>
7.常量
有两种:数字.字符串
数字不加引号字符串加引号
8.变量
定义变量的规则与其语言相似
在javascirpt上的保留字
abstract、boolean、byte、char、class、const、debugger、double、enum、export、extends、final、float、goto implements、import、int、interface、long、native、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
9.变量的类型
在javascript中用typeof查看变量的的类型
1.数值型(number)
2.字符串型(string)
3.连字符和加号的区别
都在说一个符号就是"+"在不同的地方使用的意义不一样所以就有了连字符和加号
举个例子
console.log("我" + "爱" + "你"); //连字符,把三个独立的汉字,连接在一起了 连字符
console.log("我+爱+你"); //原样输出
console.log(1+2+3); //输出6 加号
总结:如果加号的两边都是数值,此时是加 的意思,如果 两边是字符串那么就是连字符的意思
10.变量的传递(赋值)与其他语言有点不太一样可以对比去记忆
var a = "3"; var b = 2; console.log(a-b);
输入的什么结果呢?
在python中是报错的因为数据类型不一样没办法进行加减运算
那么在javascript中是怎么样的呢?
结果是 1
在javascript中会自动将a 的数据类型转换成数字形式(方便吧)
<script> var a = "周杰伦" var b = "林俊杰" console.log(a+b) </script>
结果:
周杰伦林俊杰
当两个数据类型都是字符串的时候那么就是字符串的连接
11.基本数据类型:
number 数字类型
里面有个特殊:
var a = 123; //typeof 检查当前变量是什么数据类型 console.log(typeof a) //特殊情况 var a1 = 5/0; console.log(typeof e1) //Infinity 无限大. number类型
在我们一般的数学里面这样的书写方式是错误的分母不能为零
但是在这里不报错输出的是一个无限大
string 字符串类型
boolean 布尔类型
null 空对象
underfined 未定义类型
引用数据类型:
Function
Object
Array
String
Data
12 .运算符
2.算数运算符:
3.比较运算符
这里面的===就好像python中的is比较的是内存
4.特殊情况
var firstName = '小'; var lastName = '马哥'; var name = '伊拉克'; var am = '美军'; // 字符串拼接 var str = "2003年3月20日,"+name+"战争爆发,以美军为主的联合部队仅用20多天就击溃了萨达姆的军队。这是继十多年前的海湾战争后,"+am+"又一次取得的大规模压倒性军事胜利。" var fullStr = str; console.log(fullStr) var fullName = firstName +" "+ lastName; console.log(fullName)
// 不能对字符串进行+运算 只能拼接 var a1 = '1'; var a2 = '2'; console.log(a1-a2) //12
var b1 = 'one'; var b2 = 'two'; // NaN. ==== not a number 是number类型 console.log(typeof(b1*b2)
13.数据类型转换
1.隐式转化
var n1 = 123; var n2 = '123'; var n3 = n1+n2; // 隐式转换 console.log(typeof n3);
跟前面我们说的一样的javascript自动将数据转换成字符串类型
2强制类型转换 数值--->字符串
// 强制类型转换String(),toString() var str1 = String(n1); console.log(typeof str1); var num = 234; console.log(num.toString())
一种就是在数据类型前面直接加想要转换的类型原本的n1是字符串类型的现在强行转换成字符串
第二种就是用toString()
3.字符串--->数值
var stringNum = '789.123'; var num2 = Number(stringNum); console.log(num2) // parseInt()可以解析一个字符串 并且返回一个整数 console.log(parseInt(stringNum)) console.log(parseFloat(stringNum));
方法也是强转在要转的数据类型前面加上你要转的数据类型
4.任何的数据类型都可以转换为boolean类型
14.流程控制
1.if语句 与pytho最大的不同就是在书写格式上有很大的不同
if (条件) {执行代码块}else{执行代码块}
var i = 10 if (i>1) {console.log('恭喜你,大吉大利')} else{ console.log("放弃挣扎吧!") }
其他的类型
if (true) { //执行操作 }else if(true){ //满足条件执行 }else if(true){ //满足条件执行 }else{ //满足条件执行 }
浏览器解析代码的顺序是从上到下 从左到右
2.逻辑与&& 逻辑或|| 对比python中的or 和 and
var sum =100 var math = 60 if (sum>680&&math>90){ console.log("清华录取") } else{ alert("高考失利") }
以上这种情况一般就会直接跳出来高考失利的,成绩太低了呀.代码逻辑上也是过不去的所以慢慢揣摩
if(sum>500 || english>85){ alert('被复旦大学录入') }else{ alert('高考又失利了') }
当然是选择性的进了
3.switch
var gameScore = 'better'; switch(gameScore){ //case表示一个条件 满足这个条件就会走进来 遇到break跳出。break终止循环。如果某个条件中不写 break,那么直到该程序遇到下一个break停止 case 'good': console.log('玩的很好') //break表示退出 break; case 'better': console.log('玩的老牛逼了') break; case 'best': console.log('恭喜你 吃鸡成功') break; default: console.log('很遗憾') }
一般在末尾是要加上default:做最后的收尾
4.while循环
循环三步走:
1.初始化循环变量
2,判断循环变量
3.更新循环变量
只要在写循环的时候记住这几点就一定能写出来一个你想要的循环
javascript的循环格式还是稍微有点与Python不同的
初始化
while(判断条件)
{执行语句}
var i = 1; //初始化循环变量 while(i<=9){ //判断循环条件 console.log(i); i = i+1; //更新循环条件 }
5.do_ while 在python中没有的操作 意思是先执行一次在循环
//不管有没有满足while中的条件do里面的代码都会走一次 var i = 3;//初始化循环变量 do{ console.log(i) i++;//更新循环条件 }while (i<10) //判断循环条件
6.for循环
格式 for(判断条件) {执行语句}
for(var i = 1;i<=10;i++){ console.log(i) }