JS基础部分小结


[使用js的三种方式]
1.HTML标签中内嵌JS(不提倡使用)
2.HTML页面中直接使用JS
<script type="text/javascript">
JS代码
</script>
3.引用外部JS文件:
<script language="JavaScript" src="JS文件路径"></script>
[注意事项]
1.页面中JS代码与引用JS代码,可以嵌入到HTML的任意位置,但是,位置不同会影响到JS代码的执行顺序;
例如,<script>在body前面,会在加载前执行JS代码
2.页面中JS代码,使用type="text/javascript"
引用外部的JS文件,使用language="javascript"
3.引用外部JS文件的<srcipt></srcipt>标签,必须成对出现,且标签内不能有任何代码。


[JS中变量]
1.JS中的变量声明写法:
var width=10;使用var申明的变量,只在当前函数作用域有效
width=11;不适用var,直接赋值生成的变量,默认为全局变量,整个JS文件有效
var a,b,c=1;//同时声明语句多个变量,变量中间用英文逗号分隔。但,赋值需要单独赋,例如上式中,只有c赋为1,a b为undefined(未定义)
[声明变量注意事项]
1.JS中所有变量声明类型,均使用var关键字,变量的数据类型,取决于给变量赋值的执行
2.同一变量,可以在多次不用赋值时,修改变量的数据类型:
var width=10;//width 为整形变量
width="哈哈";//width 被改为字符串类型

3.变量可以使用var声明,也可以省略var。[区别]不是用var,默认为全局变量

4.同一变量名,可以多次用var声明,但是并没有任何含义,也不会报错,第二次之后的声明,只会被理解为赋值;

2.变量的命名规范,
1.只能有字母·数字,$,下划线组成
2.开头不能是数字
3.变量区分大小写,大写字母与小写字母为不同变量

3.变量名命名要符合驼峰规则:
变量开头小写,之后每个单词首字母大写(或单词之间用下划线分隔)
4.js中的变量数据类型
Undefined:未定义,用var声明的变量,没有进行初始化赋值,var



 document.white();
 输出语句,讲white的()中的内容打印在浏览器屏幕上;
 使用时注意:出变量/常量以外的任何内容,打印时必须放在""中,变量/常量必须放在""外
 打印的内容同时又多部分组成时,之间用+链接

1、算术运算
+ 加、- 减、* 乘、 / 除、 % 取余、++ 自增、-- 自减

+:有两种作用,链接字符串/加法运算;当+两边均为数字时,进行加法运算;当+两边有任意一边为字符串时,进行字符串链接,链接之后的结果认为字符串;
++:自增运算符,将变量在原有基础上+1;
--:自减运算符,将变量在原有基础上-1;

【n++ 与 ++n 的异同】
n++: 先使用n的值进行计算,然后再把n+1;
++n: 先把n的值+1,然后再用n+1以后的值,去运算;
相同点:不论n++还是++n,在执行完代码以后,均会把n+1;
eg:var a = 3;
var b,c;
b = a++ +2; // a=3 b=5 a=4
c = ++a +2; // a=4 a=5 c=7

2、赋值运算
= 赋值、 += -= *= /= %=

+=: a += 5;相当于 a = a + 5; 但是,前者的执行效率要比后者快。

3、关系运算
== 等于、=== 严格等于、 != 不等于、>、<、>=、<=

===: 严格等于;类型不同,返回false;类型相同,再进行下一步判断;
==:等于; 类型相同,同===;类型不同,尝试将等式两边转为数字,再判断;
特例:null == Undefined √ null === Undefined ×

4、条件运算符(多目运算)
a>b?true:false

有两个关键符号: ?和:
当?前面的部分运算结果为true时,执行:前面的代码;
当?前面的部分运算结果为false时,执行:后面的代码;

>>>多目运算符可以多层嵌套:
例如:var jieguo = num>5?"输入太大":(num==5?"蒙对了!":"输入太小");

5、逻辑运算符
&& 与、|| 或、! 非


[运算符的优先级]
()
! ++ --
% / *
+ -
> < >= <=
== !=
&&
||
各种赋值 = += *= /= %=



//var num = prompt("请输入一个数字");

//var jieguo = num>5?"输入太大":(num==5?"蒙对了!":"输入太小");

document.write(!true);



【n++ 与 ++n 的异同】
n++: 先使用n的值进行计算,然后再把n+1;
++n: 先把n的值+1,然后再用n+1以后的值,去运算;

相同点:不论n++还是++n,在执行完代码以后,均会把n+1;

【循环结构的步骤】

① 声明循环变量

② 判断循环条件
③ 执行循环体(while的{}中所有代码)操作
④ 更新循环变量
然后,循环执行② ③ ④

【JS中循环条件支持的数据类型】
① Boolean: true 真 false 假
② String:非空字符串为真 空字符串为假
③ Number:0为假 一切非0,均为真
④ Null/NaN/Undefined: 全为假
⑤ Object:全为真




 while循环特点:先判断,再执行;
 do-while循环特点:先执行,再判断;即便初始条件不成立,do-while循环也至少执行一次;


var n = 1; // ① 声明循环变量
while (n<=5){ // ② 判断循环条件
document.write("HelloWhile<br />");// ③ 执行循环体操作
n++;// ④ 更新循环变量
}

var m = 1;
do{
document.write("HelloDoWhile<br />");
m++;
}while(m<=5);

 【for循环】
1、for循环有三个表达式,分别为:①定义循环变量 ②判断循环条件 ③更新循环变量
三个表达式之间,用;分隔。
for循环三个表达式均可以省略,两个;缺一不可
2、for循环特点:先判断,再执行;
3、for循环三个表达式,均可以有多部分组成,之间用逗号分隔;但是,第二部分判断条件需要用&&链接,最终结果需要为真/假

原文地址:https://www.cnblogs.com/dsmf/p/6666768.html