js常见属性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中的⼤致相同.算术运算符:+,-,,/,%,++,--赋值运算符:
sort函数 js=,+=,-=,=,/=,%=⽐较运算符:==,!=,===,!==,>,>=,<,<=位运算符:&,|逻辑运算符:
&&,||前置逻辑运算符:!(not)三元运算符:?:其他运算符:typeof,delete==和===的区别
两个等号,在进⾏⽐较时,如果两边的值不是同⼀种类型,会⾃动转成同⼀种类型在进⾏⽐较.如果内容相同,也会返回true.三个等
号,在进⾏⽐较时,如果两边的值不是同⼀种类型,直接返回false.如果值是同⼀种类型,内容相同才会返回pe
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();//表⽰当前时间LocaleString());(2)⽅式⼆vardate2
=newDate(10003600);//LocaleString());(3
)⽅式三//⽉份是从零开始,0表⽰1⽉,11表⽰12⽉vardate3=newDate(2017,10,11);ale
LocaleString());//获取年份FullYear());//201
7//获取⽉份Month());//10(11⽉)//获取哪⼀天Dat
e());//11//获取星期⼏Day())//64.Math对象Math.PI–返回圆周率Ma
.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";//abc123@sinavarreg2=/^\w+@\w+(\.\w+)+$/;
(3)test⽅法,⽤来检测字符串是否符合该正则表达式,符合返回true,不符合返回false//^和$是开始和结束标记,
表⽰整个字符串都符合该正则表达式时才会返回st(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…”);}}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论