本笔记是看了尚硅谷的JavaScrip基础&实战总结的,与原视频相比不完全符合,带有作者的主观修改部分噢~欢迎交流学习
一、script标签的引用
script标签一旦用于引入外部标签,就不能在编写其他代码,就算编写浏览器也是无法识别的
如果需要,可以重新创建一个script标签
代码示例:
<script type="text/javascript">alert("我是内部页面!");</script>
<script type="text/jscript" src="js/script.js"></script>
二、JS注释
多行注释
一、基本语法
1、JS严格区分大小写
2、每一条语句以分号结尾(;)
3、JS中会忽略多个空格和换行
4、字面量:不可改变的值 例如:1,2,3,4
5、变量:可以保存字面量,变量的值可以任意改变
6、标识符:在JS中所有可以自主命名的都可以成为标识符、一般采用驼峰命名法 :helloWord
例如:变量名、函数名、属性名等
命名规则;1\可以含有字母数字、_、$
##不能数字开头、不能是关键字或者保留字
alert(12334234);
var a;
a=99;
console.log(a);*/
//单行注释
三、数据类型
数据类型即字面量的类型,基本数据类型( String字符串、Number数值、Boolean布尔值、Null空值、Undefined未定义、引用数据类型)、(Object对象)
1、字符串:在使用时需要用单、双引号引起来 例如:var str="就你好你好"
引号不能嵌套,\:转义字符
2、Number:所有数值都是Number类型,包括整数和浮点数
可以使用 --typeof 变量 --- 检查一个变量的类型
可以表示的数值最大值为:Number.MAX_VALUE,若使用Number时超过最大值,则会返回一个
Infinity 表示正无穷
-Infinity 表示负无穷
3、布尔值
true-表示真值
false-表示假值
4、Null和 Undefined
使用typeof检查NUll值时会返回object
申明变量但是没有赋值,它的值就是Undefined
四、数据类型之间的转换
强制转换类型(其他数据类型转换为String):var =4
-调用被转换类型的toString() 例如: a=a.toString();
-a=String(a);
其他数据类型转换为Number:
var a="A"
-使用Number()函数 例如:a=Number(a)
易错:若字符串有非法字符,转为NaN,undifined->NaN
-parseInt() :将一个数据转换为整数,可以将字符串中有效的整数类容取出来
-parseFloat():将一个数据转换为浮点数
typeof检查各数据类型示例代码:
var a=123;
var b="dddd";
var c=true;
console.log(typeof a);
console.log(typeof b);
console.log(typeof c);
来一个自增自减练习
//自增自减练习
var n1=10,n2=20;
var n=n1++;
console.log("n="+n);
console.log("n1="+n1);
n=++n1;
console.log("n="+n);
console.log("n1="+n1);
n=n2--;
console.log("n="+n);
console.log("n2="+n2);
n=--n2;
console.log("n="+n);
console.log("n2="+n2);
五、逻辑运算符
//逻辑运算符 && 、||
易错点:非布尔值进行逻辑运算时,会先将其转换为布尔值,然后再运算,并且返回原值
var rs=3&&2;//返回后边的 2
var rs=3&&0;
var rs=0&&3;
一个true 一个false 返回靠前的false值
六、关系运算符
易错点:非数值类型进行比较,两边都是字符串的话比较的是Unicode编码,不是转为number比较
=== \ !== :全等\不全等。不会转换两边类型,若两边类型不一样,会直接返回false
来一个简单的判断语句+逻辑运算符代码演示:
var score=prompt("请输入小明的期末成绩:");//跳出一个有输入框的警告框框,返回值为String
if(score>100||score<0||isNaN(score)){
alert("输入不合法");
}else{
if(score==100)
alert("奖励1");
else if(score<100&&score>80)
alert("奖励2");
else if(score<80&&score>60)
alert("奖励3");
else
alert("你没有奖励");
}