JavaScriptJavaScript概述什么是JS?全称JavaScript,简称JSJS是一门基于对象和事件驱动的脚本语言,专门
为网页交互而设计,主要应用在客户端(浏览器).基于对象注意,不是面向对象,在JS中没有类的概念,也不是通过类来创建对象.
同时JS没有编译的过程,是一边解释,一边执行!事件驱动在JS中是通过事件触发机制来驱动函数执行,从而实现特定的功能脚本语言在
网络前端开发环境下,运行在客户端浏览器中的一段小程序.JS的特点解释执行,不需要编译(JS没有编译的过程,是一边解释,一边
执行!)基于对象(不是面向对象)弱类型的语言JS的优势交互性安全性跨平台性JS的引入通过script标签嵌入JS代码这个标签可以放
在head或body或页面的其他位置中通过script标签引入外部的JS文件注意:这种引入方式,不要在script标签书写任何
JS代码JS的语法注释JS注释的格式单行注释://注释内容多行注释:/注释内容/注意:多行注释不要嵌套!!数据类型基
本数据类型1.数值类型(number)在JS中,所有的数值在底层都是浮点型.在需要的时候,浮点型会和整型自动的进行类型的转换
.2.4+3.6=6(该处是6不是6.0)特殊值:Infinity正无穷大-Infinity负无穷大NaN(nota
number),表示非数字,NaN和任何数值都不相等,包括他自己.2.字符串类型(string)在JS中,字符串类型属于基
本数据类型.字符串常量可以用单引号或双引号引起来.如:varstr1=“helloJS…”;或varstr1=
‘helloJS…’;3.布尔类型(boolean)布尔类型的值只有两个,true或false4.undefinedundef
ined类型的值只有一个,就是undefined.表示变量未定义或未初始化值.如:vara;alert(a);//此
处a的值为undefinedalert(b);//如果b没有声明,b的值为undefined5.nullnull类型的值也只有一
个,就是null,表示空值.可以用作函数的返回值,表示函数返回的是一个空的对象.复杂数据类型对象(函数/数组/普通对象)变量
的定义在JS中用var关键字来声明变量.varstr=“hellojs…”;在JS中变量不区分类型,可以指向任意的数据
类型,因此称JS是一门弱类型的语言.varstr=“hellojs…”;str=100;str=true;str
=newArray();运算符JS中的运算符和Java中的大致相同.算术运算符:+，-，，/，%，++，--赋值运算符:
=，+=，-=，=，/=，%=比较运算符:==，!=，===，!==，>，>=，<，<=位运算符:&，|逻辑运算符:
&&，||前置逻辑运算符:!(not)三元运算符:?:其他运算符:typeof,delete==和===的区别
两个等号,在进行比较时,如果两边的值不是同一种类型,会自动转成同一种类型在进行比较.如果内容相同,也会返回true.三个等
号,在进行比较时,如果两边的值不是同一种类型,直接返回false.如果值是同一种类型,内容相同才会返回true.type
of用来返回变量或表达式的数据类型在JS中,由于变量不区分类型,如果需要返回变量或表达式的数据类型,可以通过typeof关
键字来实现.typeof不是函数,而是一个运算符!delete用来删除数组中的元素,或者对象上的属性或方法语句JS中的语句和
Java中的大致相同if…else需要注意的是:在JS中,if语句的判断条件可以不是boolean值,如果值是别的类型,会
自动转换成boolean类型.switch循环语句1.while循环2.for循环注意JS中没有增强for循环!!数组通过Arra
y构造函数创建数组通过数组直接量创建数组常用属性和方法1.length属性length属性用来返回数组的长度JS中可以通过操作数组
的length属性改变数组的长度2.常用的方法(1)push方法(2)pop方法(3)unshift方法(4)shift方法(5)
reverse方法(6)sort方法函数通过function关键字声明函数通过函数直接量声明函数需要注意的是:在调用函数时,如
果传入的参数和需要传的参数个数不匹配,仍然可以调用函数.对象JS中的内置对象1.String对象(1)length属性--返
回字符串的长度(2)charAt方法--返回指定索引处的字符(3)indexOf方法--根据子字符串到字符串进行查找,返
回子字符串第一次出现的位置.(4)lastIndexOf方法--根据子字符串到字符串进行查找,返回子字符串最后一处的位置.(
5)match方法--根据正则表达式到字符串中进行匹配,返回包含所有符合正则表达式的子字符串的数组(6)replace方法(
7)search方法--根据正则表达式到字符串中进行匹配,返回第一次出现的位置.(8)split方法--根据指定的字
符切割字符串,返回一个数组(9)slice方法--从start开始截取,截取到end这个位置.(包含start,不包含
end)(10)substr方法--从start开始截取,截取指定长度的字符串(11)toLowerCase--转小
写(12)toUpperCase--转大写2.Array对象参见2.6.33.Date对象(1)方式一vardate1=
newDate();//表示当前时间alert(date1.toLocaleString());(2)方式二vardate2
=newDate(10003600);//1970-1-1alert(date2.toLocaleString());(3
)方式三//月份是从零开始,0表示1月,11表示12月vardate3=newDate(2017,10,11);ale
rt(date3.toLocaleString());//获取年份alert(date3.getFullYear());//201
7//获取月份alert(date3.getMonth());//10(11月)//获取哪一天alert(date3.getDat
e());//11//获取星期几alert(date3.getDay())//64.Math对象Math.PI–返回圆周率Ma
th.ceill–向上取整,如Math.ceil(123.45)//124Math.round–四舍五入,如Math
.round(123.45)//123Math.floor–向下取整,如Math.floor(123.78)//123M
ath.random–获取一个伪随机数(0~1之间的浮点数)5.Global对象Global表示全局对象,可以直接调用其属性
或方法(不需要加对象点);parseInt();--将传入的值转成整数,如:parseInt(“123.45”)–12
3parseFloat();--将传入的值转成浮点数,如:parseFloat(“123.45”)–123.45isNaN
();--判断一个值是否是非数字,如:isNaN(“123”);//false;isNaN(“abc”);//truee
val();--将一段字符串按照JS代码来解释执行.6.RegExp对象(1)方式一Varreg1=newRegExp
(“^\\w+@\\w+(file:///\\.\\w+)+$\\.\\w+)+$”);(2)方式二varemail="ab
c123@163.com";//abc123@sina.com.cnvarreg2=/^\w+@\w+(\.\w+)+$/;
(3)test方法,用来检测字符串是否符合该正则表达式,符合返回true,不符合返回false//^和$是开始和结束标记,
表示整个字符串都符合该正则表达式时才会返回truealert(reg2.test(email));标识符i–ignoreCas
e表示忽略大写g–global表示全局查找自定义对象方式一:functionPerson(){}varp1=newPerson();p1.name=“张飞”;p1.age=18;p1.run=function(){alert(“running…”)}方式二:varp2={“name”:“赵云”,“age”:18,“run”:function(){alert(“running…”);}} |
|
