JavaScript学习第一天

JavaScript学习第一天

JavaScript第一天
一、什么是JavaScript

JavaScript 通常简称js(以后多用js来描述),是一种基于对象和事件驱动的具有安全性的脚本语言。使用它的目的是为了更好和使得web页面与用户的交互。通俗讲就是给前台页面增加特效。

二、JavaScript特点:

JavaScript是一种解释性的脚本语言,语法类似C语言,C++,PHP等,JavaScript具有跨平台性,是基于对象,依赖于浏览器的脚本语言,与服务器无关。

三、JavaScript与Java的区别与关系

JavaScript和Java没有任何关系!

四、JavaScript的优点

因为是依赖于浏览器,与服务器无关,所以部分工作我们可以通过JavaScript来完成,节约服务器资源。
可以方便的操作页面,使得页面更加友好,用户交互更方便

五、JavaScirpt的缺点

因为是依赖于浏览器的脚本语言,所以各个浏览器的兼容性不是很统一,调整起来麻烦。

六、JavaScript的基本语法

第一种使用方法: 这种方法直接将js代码写进页面,不推荐
建议js代码放入html的body下面,紧挨着body即可。
第二种使用方法:
注意:第二种方法两个

弹出一个框框,写着 hello world。

Js严格区分大小写,注意编写代码的规范。

Js的标识符(变量,常量等),第一个必须是,字母下划线,或者$
其他标识符可以是字母,数字,下划线,$符号

不能把关键字,保留字,true false 等当作表示符使用。

常见的关键字,保留字等:
break else new var
case finally return void
catch for switch while
……….
abstract enum int short
……….

JavaScript注释和php完全一样

单行代码用”//” 多行代码使用/*代码*/的方式注释。

七、变量

使用关键字 var 定义变量 例如 :

声明一个变量 username 的方法

var username;

也可以直接给变量赋值:
var username = ‘redrain’;

变量严格区分大小,例如一下是代表不同的三个变量 Username USERNAME,username

可以使用一条语句定义多个变量 例如
var a=1,b=2,c=3;

八、数据类型

基本的数据类型:字符串,数值型,布尔型,浮点型
其他数据类型:undifined,null,函数
符合数据类型:数组,对象。
数据类型的转换,分为隐性转换,和显性转换,即,自动转换,和手工转换。

字符串类型: 声明变量的时候使用单引号,或者双引号引起来就是字符串类型。

注意单双引号的使用: 无论单引号,还是双引号,都不能解析变量。单引号,和双引号可以相互嵌套,但是嵌套自己的时候需要进行转义。

字符串与变量的链接需要使用“+”号

数值类型:声明变量的时候不使用单引号或者双引号的赋值给数字

var num = 10 ; 声明一个十进制的数值类型
var num = 010 ; 声明一个八进制的数值类型
var num = 0xA; 声明一个十六进制的数值类型

浮点型:即使一个包含一个小数点的,并且至少是一位小数的类型

var num = 1.23;

如果小数点后面没有任何数字 则代表整型。

使用e来表示科学计数法

var num = 1.2e3 表示十进制的 1.2*10*10*10 也就是 1200

浮点型最高精确到小数点后面17位数,但是在运算的时候并不是很精确,例如:

var num1 = 0.1;
var num2 = 0.2;
Num1+num2=?
并不等于0.3 所以尽量不要使用特定的两个小数进行程序控制,或者判断,例如下面代码 并不会弹出 hello world

NaN:(not a number) 不是一个数字,它是一个特殊的类型,表示本来应该返回一个数值类型的,但是未能返回,就会是NaN
特点:
任何涉及NaN的操作都会是NaN类型。
NaN与任何值都不相等,包括它本身 例如下面代码会返回false
alert(NaN==NaN);
可以使用isNaN来判断是否是NaN类型。

数值类型的转换:

可以使用以下三个函数转换为数值类型

Number()
parseInt()
parseFloat()

Number的转换规则如下:
1、如果是布尔型则返回0或者1
2、如果是数值型直接转换为数值,并使用
3、如果是null则返回0
4、如果是undefined 则返回NaN
5、字符串的空会返回0
6、字符串的数字则直接转换为数字,小数会转换为浮点型
parseInt的转换规则如下:
1、忽略字符串前面的空格,直到找到第一个非空字符。如果第一个字符不是数字或者是负号,则返回NaN
2、如果第一字符是数字则继续往后解析,直到碰到一个非数字的字符。
3、如果字符串以0开头或者0x开头就会直接转换八进制或者十六进制。
4、空字符返回NaN
parseFloat的转换规则和parseInt一样。

布尔类型的只有两个返回值true或者false;

对象类型:就是一些数据类型的集合。

数组:也是一些数据的集合,js没有多维数组。但是里面的数据可以使数组。

函数:是一段可以执行的JS代码。可以有返回值,也可以没有返回值。可以有参数,也可以没有参数,但是函数的参数不能赋初始值。

Null:代表空,但不是0也不是空字符串。

Undefined :特殊的数据类型,使用了一个未定义的变量,或者对象返回这个类型。

隐性转换:无需程序员手工转换,自动转换类型,例如:

if(1){
Alert(ok);
}
1会自动被转换为true;

显性转换:手工转换;

可以使用 Number(),Boolean(),String()将数据转换为 数值型,布尔型,字符串类型。

常量:就是无需使用var定义的

例如: 1 “javascript” 等

表达式与运算符:

常量表达式:

1.2 ‘str’ false

变量表达式

A b c d

符合表达式

a+b a/b

运算符:

一元预算符: ++ --

二元运算符:+ - * 、

三元运算符:? :

算术运算符

字符串运算符

比较运算符

赋值运算符

逻辑运算符

位运算符

算术运算符:
1.加法运算符 +
2.减法运算符 -
3.乘法运算符 *
4.除法运算符 /
5.模运算符 %
6.负号运算符 -
7.正号运算符 +
8.递增运算符 ++
9.递减运算符 --

关系运算符
1.相等运算符 ==
2.等同运算符 ===
3.不等运算符 !=
4.不等同运算符 !==
5.小于运算符 < 6.大于运算符 >
7.小于或等于运算符 <= 8.大于等于运算符 >=

In 运算符:判断一个值是否属于某个数组,或者一个属性是否属于一个对象。

Instanceof 判断一个对象的实例是否是属于某个对象。

字符串运算符 +

赋值运算符: =

逻辑运算符:

逻辑与 &&

逻辑或 ||

逻辑非 !

对象属性 存取运算符 就是一个点.

delete 删除对象里的属性,或者删除数组里面的某一个值,返回的是一个不二类型的值。
delete 对象名
delete 对象名.属性
delete 数组[索引]
this 运算符 代表当前对象与php里面的$this一样。

JavaScript 流程控制

1.选择语句
a.if 语句
b.if…else 语句
c.if…else if…else 语句
d.if…else if 语句 //注意:else和if中间必须有空格
e.if 嵌套
f.switch 语句

If(a+b==3){
Alert(3);
}else if(a+b==4){
Alert(4);
}else{
Alert(‘default’);
}

Switch(a){
case 1:
Alert(1);
Break;
Case 2:
Alert(2);
Break;
Default :
Alert(‘default’);
}
.循环语句
a.while语句
b.do…while语句
c.for语句
d.for…in语句
e.break语句
f.continue语句
g.with语句

for(var i in arr){
Document.write(arr[i]);
}

打赏 赞(1)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据