【JavaScript你需要了解的基础知识~】

新近起来上学JavaScript,整理了片系的基础知识

 

JS注释方式:
//
单行注释(Ctrl+/ )
/*

段注释(Ctrl+shift+/ )
*/

【JavaScript基础】
JavaScript:
因浏览器
、基于(面向)对象、事件驱动、脚本语言
JavaScript的作用:
表单验证,减轻服务之压力,添加页面动画效果,动态更改页面内容,Ajax网络要(Ajax:可以兑现页面局部刷新)
JavaScript有;ECMAScript(5.1/6)、DOM、BOM
ECMAScript脚本程序语言:
语法标准:语法;变量和数据类型;运算符;逻辑控制语句;关键字、保留字;对象
DOM文档对象模型
BOM浏览器对象模型

JavaScript的主干组织:
<script
type=”text/javascript”>

JS语句;
</script>

变量的宣示和变量:
先声明变量再赋值:
var width;
width=5;
var——用于声明变量的最主要字;width——变量名

还要声明变量和赋值
非声明直接赋值

【使用JS的老三种植方式】

1、HTML标签中内嵌JS;
<button
onclick=”alert(‘小样你真点啊!’)”>有本事点自己呀!!!</button>
2、HTML页面中一直采用JS:
<script
type=”text/javascript”>
JS语句;

</script>
3、引用外部JS文件:
<script
language=”JScript” src=”JS文件路径”></script>

【注意事项】

1)页面中JS代码与援JS代码,可以放至HTML页面的妄动位置。但是,位置不同会影响至JS代码的尽各个;

如:<script>在body前面,会当页面加载之前实施JS代码;

2)页面中JS代码,使用type=”text/javascript”

援外部的JS文件,使用language=”JScript”

3)引用外部JS文件的<script></script>标签,必须成为对出现,且标签中未可知发出其他代码!

【JS中之变量】
1、JS中变量声明的写法:
var width =
10;//使用var声明的变量,只当手上函数作用域有效
width1 =
11;//不适用var,直接赋值生成的变量,默认为全局变量,整个JS文件中
var
a,b,c=1;//同一声明语句以声明多个变量,变量之间用英文逗号分隔,但是,赋值需要独自赋值,例如上式中,只有c赋值为1,a
b为undefined(未定义)。

【声明变量注意事项】
1)JS中负有变量类型声明,均采用var关键字。变量的切实可行数据类型,取决于被变量赋值的实行。2)同一变量可于数不一赋值时,修改变量的数据类型
var width = 10;//width
为整型变量
width=”hahaha”;//width
被反呢字符串类型
3)变量可以采取var声明,也可以简单var,[区别]非采取var,默认为全局变量
4)同一变量名,可以频繁所以var声明,但是并不曾任何意义,也无见面报错,第二差下的声明,只见面吃理解啊赋值。

2、变量的命名规范
1)变量名,只能发出字母,数字,下划线,$组成
2)开头不能够是数字
3)变量区分轻重缓急写,大写字母与小写字母为歧变量

3、变量命名名要符合驼峰法则:

变量开头为小写,之后每个单词首许母大写;
XiaoXiZhenMeng

xiao_xi_zhen_meng

xiaoxizhenmeng ×

4、JS中的变量的数据类型
Undefined:未定义,用var声明的变量,没有进展初始化赋值。var
a;
Null:表示为空的援。var a =
null;(其中同样种植情形)eg:空对象,空数组。。。
boolean:真假,可选值true/false
Number:数值类。可以是小数,也得以是正数。
String:字符串类型。用””和”包裹的内容,称为字符串。
Object(复杂数据类):后续讲解,函数、数组等。。。

5、常用之数值函数:
1)isNaN:用于判断一个变量或常量是否为NaN(非数值)
下isNaN判断时,会尝试采取Number()函数进行更换,如果会换为数字,则无是未数值,结果也false
“111”
纯数字字符串,false “” 空字符串,false “la” 包含其他字符,true
true/false
布尔路,false
2)Number():将另类型转换为数值类型

[字符串类型转数值]

>>字符串为纯数值字符串,会转为对应的数字”111″->111
>>字符串为空字符串时,会换为0
“”->0
>>字符串包含其他非数字字符时,不克转换
“111a”->NaN

[布尔Boolean类型转数值]
true->1
false->0

[null/Undefined转数值]
null->0
Undefined->NaN

[Object类型转数值]
(以后更了解哦~)先调用ValueOf方法,确定函数是否发生返回值,再根据上述各种情形判断。
3)parseInt:将字符串转成数值
>>>空字符串,不能够改变。结果吗NaN
>>>纯数值字符串,能改变。”123″->”123″
“123.5”->123(小数转化时,会一直去去小数碰,不进行四放弃五合)
>>>包含其他字符的字符串,会截取第一只非数值字符串前的数值部分。”123a456″->123
“a123b345”->NaN
>>>parseInt只能转String类型,Boolean/null/Undefined
均为NaN
4)parseFloat:将字符串转为数值
>>>使用方式同parseInt,但是,当倒车小数字符串时,保留小数点;转化整数字符串时,保留整数;
“123.5”->123.5
“123.0”->123
5)typeOf:用来检测变量类型
未定义—>Undefined
字符串->string true/false->boolean 数值->Number
对象/null->Object
函数->function

 

【JS中之出口语句】
document.write();
输出语句,将write的()中的情打印在浏览器屏幕及
以时注意:除变量/常量以外的另内容,打印时必须在””中,变量/常量必须坐””外
打印的始末还要有多片构成,之间为此“+”链接
譬如:document.write(“输出互换前手中的纸牌:”+left+”<br
/>”);
alert();弹窗警告

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 c=4
c =
++a +2; //a=4 b=5 c=7

document.write(“a:”+a);

document.write(“b:”+b);

document.write(“c:”+c);

2、赋值运算
= 赋值、 += -= *= /=
%=
+=:a += 5;相当于a = a

  • 5;但是,前者的行效率要较后者赶紧,

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

===:严格等;类型不同,返回false;类型相同,再进行下一样步判断

==:等于;类型相同,同===;类型不同,尝试将等式两度转为数字,再判断;
特例:null==Undefined
√ ; null===Undefined ×

4、条件运算符(多目运算)

a>b?true:false

发生点儿单基本点符号:?和:

当?前面的有的运算结果吗true时,执行:前面的代码;

当?前面的片段运算结果吗false时,执行:后面的代码;

>>>多目运算符可以多重叠嵌套:
例如:var jieguo =

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

6、运算符的先级
()
! ++ —
% / *

    • > < >=
      <=
      == !=
      &&
      ||
      各种赋值= =+ *= /=
      %=

【if-else结构】
1、结构写法:

if(判断标准){

//条件为ture时执行
}else{

//条件为false时执行
}
2、if()中之表达式,运算之后的结果应吗:
1)Boolean:true 真 ;
false 假

2)string:非空字符串为真 ;空字符串为假
3)Number:0为假
;一切非0均为真

4)Null/NaN/Undefined:全为假
5)Object:全为真
3、else{}结构,可以依据具体情况省略;

【多重if、阶梯if】
1、结构写法:
if(条件一){
//条件一成立
}else
if(条件二){

//条件同不树立&&条件二确立

//else if
部分,可以出多个
}else{

//条件一致不成立&&条件二非树立
}

2、多又if结构面临,各个判断标准是排斥的,只能挑中间一个
3.if/else的大括如泣如诉可以略,但未提倡,如果简单,

虽然if/else包含的代码只囊括后多年来底一样履行(分号结束);

else结构永远属于该前沿最近底一个if结构。

【嵌套if结构】
1、结构写法:
if(条件一){

//条件一致成立

if(条件二){

//条件二树

}else{

//条件为false时执行

}

}else{

//条件为false时执行

}
2、if结构得以基本上重新嵌套,但是规格达成不越三重合

【Switch-Case结构】
1、结构写法:
switch(表达式){
case
常量表达式1:
语句一;

break;
case
敞亮表达式2:
语句二;

break;

。。。

default:

语句N

}
2、注意事项:
1)switch()中之表达式,以及每个case后面的表达式,可以呢其它JS支持之
数据类型;(对象与数组不同);
2)case后面的兼具常量表达式,必须各不相同,否则只见面执行第一只;
3)case后底常量可以是其他数据类型;同一个switch结构的差case,可以是多种不同的数据类型;
4)switch在展开判断时,采用的是全等判断===
5)break的意:执行完case代码后,跳出当前switch结构;
缺少break的产物:从科学的case项开始,依次执行有的case和defalse
6)switch结构以认清时,只见面判定一致涂鸦对答案,当遇到不利的case项后,将会不再判断后续项目,依次为下实施;
7)switch结构的执行速率要尽快被多再次if结构。在差不多行程分段时,优先考虑switch结构。

 

【循环结构的步骤】
1)声明循环变量
2)判断循环条件
3)执行循环体(while的{}中保有代码)操作
4)更新循环变量
接下来,循环执行2)3)4)

【JS中循环条件支持之数据类型】
1)Boolean:true 真 ;
false 假
2)string:非空字符串为真
;空字符串为假
3)Number:0为假
;一切非0均为真
4)Null/NaN/Undefined:全为假
5)Object:全为真

while循环特点:先判断,在履行
do-while循环特点:先实施,在认清;即使初始标准不建,do-while循环也至少实施同样不好

【For循环】
1、for循环有三独表达式,分别吗:①定义循环变量
② 判断循环条件 ③更新循环变量(三只表达式之间,用;分隔。)

for循环三个表达式可以概括,两只;缺一不可
2、for循环特点:先判断,再实践;
3、for循环三只表达式,均可以出多一些组成,之间用逗号分隔,但是第二有些断定标准

得因此&&链接,最终结出要也真/假

【循环控制语句】
1、break:终止本层循环,继续执行循环后面的口舌;

当循环有差不多重合时,break只见面越了千篇一律重叠循环;
2、continue:跳了本次巡回,继续执行下同样差巡回;

对此for,continue执行后,继续执行循环变量更新语句n++

于while,do-while,continue执行后,继续执行循环条件,

认清;所以采用这有限个循环时必须小心continue一定要是在n++然后,否则会造成死循环。