首页 > 代码库 > js基础知识

js基础知识

最近在跟前端的课程,老师在讲js的相关知识,虽然感觉有些东西在前期学javaEE的时候已经很熟悉了,但认真听的时候感觉还是有收获的。现将一些知识点总结如下:

首先,JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于对象的语言。具有(1)脚本语言、(2)基于对象 、(3)简单、(4)动态性、(5)跨平台性等特点,虽说js是基于对象的,但感觉它已经具备了面向对象的特性

1.js的使用方法:

  1)内嵌方式:HTML页面加入<script></script>标签,把代码写在标签里。

 技术分享

 

 2)外部引用:把JavaScript代码单独写在一个文本文档里,修改后缀名为.js 。在需要使用的时候引用。

 技术分享

 

另需要注意的

1.所有符号,包括括号,分号,逗号等都应使用英文符号。

2.区分大小写。

2.变量的类型:

   1)数字类型

JavaScript只有一种数字类型,可以带小数点,也可以不带

var age = 20

var height = 175.5

   2)字符串类型

用单引号或者双引号包围的字符。

 

var name = ‘张三’;

var address = “中国北京”;

 

注意:单引双引必须匹配,即单引开始,单引结束。

 

   3)布尔型

有两个值,truefalse

true:表示真

false:表示假

 

   4Null

一个关键字,表示某对象没有值。

 

   5Undefined

以下两种情况将得到 undefined

1.试图访问对象中不存在的属性

2.变量定义之后没有赋值

这里需要注意一下nullundefined区别:

null表示一个对象的所占用的内存是null,是可以使用的。

undefined表示这个对象声明后没有分配内存,或这个属性不存在。

3.数学运算符:

运算符

描述

例子

结果

+

x=y+2 

x=7 

-

x=y-2

x=3

*

x=y*2

x=10

/

x=y/2

x=2.5

%

求余数

x=y%2

x=1

++

累加

x=++y

x=6 

--

递减

x=--y

x=4 

运算符

例子

等价于

结果

=

x=y

 

x=5

+=

x+=y

x=x+y

x=15

-=

x-=y

x=x-y

x=5

*=

x*=y

x=x*y

x=50

/=

x/=y

x=x/y

x=2

%=

x%=y

x=x%y

x=0

y = 5

 

关于js”+”的使用:

  因为js是弱类型的脚本语言,所有变量的定义全部使用var关键字进行声明,其在运行时自动识别数据类型。而对于字符串和数字类型的数据,”+”号具有不同的意义:前者是字符串拼接,而后者则是数值运算,分开使用无所谓,但当这两种数据类型同时使用”+”号时,会出现什么样的情况呢,现将特殊情况列举如下:

 var age=20;

 var height=30;

 alert(age+height+""); //弹出50(字符串)

我们声明了两个数字类型变量,然后对其进行了age+height+""的操作,因为第一个”+”号是对两个数字类型的变量,所以会进行数值相加的操作,然后下一个”+”号前后是数字类型和字符串类型,这时进行的是字符串的拼接操作,所以最终的到的结果是一个字符串类型的”50”

而对于””+age+height,则会一直进行字符串拼接的操作,最终得到的是字符串”2030”

同理,对于age+””+height,我们得到的也是字符串”2030”;

a++ 操作

对于a++操作,我们很熟悉的知道,这等同于a=a+1;但对于下面的代码,会有我认为很奇怪的结果

var a=5;

alert(a++); //5

alert(a);  //6

第一个alert弹出的是5,即没执行a+1操作操作之前的a,或者说执行了但是没有进行赋值,而第二个则是弹出的已赋值完成的a

 

4.比较运算符

 给定 x=5,下面的表格解释了比较运算符

运算符

描述

例子

==

等于

x==8  false

===

全等(值和类型)

x===5  true

x==="5"  false

!=

不等于

x!=8  true

>

大于

x>8  false

<

小于

x<8  true

>=

大于或等于

x>=8  false

<=

小于或等于

x<=8  true

 

 

注意:

== 数值相等,===数值和数据类型全部相同才为“true

 

5.一些简单语句

1If语句:

 

If(表达式){

//表达式为真,执行我

else

//表达式为假,执行我

 技术分享

 

if(表达式1){

//表达式1为真,执行我

}else if(表达式2){

//表达式2为真,执行我

}else if(表达式3){

 //表达式3为真,执行我

}else {

 //都为假,执行我

}

 技术分享

 

2)switch语句

 

switch(){

case 1

case 2

case 3

default

}

技术分享

 

switch的值和对应的case匹配(注意:完全匹配)

哪个项匹配,就执行哪个

 

3)while循环

 

while(循环成立条件){

循环体

}

技术分享

 

循环成立条件:为真则一直执行,为假则退出

 

4)for循环

for(初始化;循环成立的条件;自增){

循环体

}

技术分享

 

 

初始化:只在开始执行一次

循环成立的条件:如果条件为真,则继续执行,为假则退出

自增:循环每次执行后都执行一次,一般做自增控制

 

continue :本次循环结束,进入下一次

如果一个循环能执行 N 次,每次执行continue只结束当前第1/N次,进入下一次。

 

break:结束与之最近的循环。

如果一个循环能执行 N 次,执行break后,循环退出

js基础知识