项目期复习:JS操作符,弹窗与调试,注释,数据类型转换

1、JS操作符

① 除法运算后,是有小数存在的,跟C语言不同之处

var num = 67/4;         ----------> 输出:16.75

console.log(num);

② 通常情况下,操作符与数值/变量之间需要有空格隔开

1) 赋值操作符  =

2) 算数操作符  + 、- 、*、 / 、% , 除法是可以有小数存在的

③  取余 最后结果正负与被除数有关 与除无关 

如: (-7)%3 = -1         7%3=1    (-7)%(-3)=-1    7%(-3)=1

④  result +=2;  等同于 result = result+2;

⑤ 关系操作符

大于 小于 等于 大于等于 不等于 小于等于

>  


==

===


>= 

!=
<=

1)数字0 的布尔值为false

2)==   比较的是数值,只要数字相等,即符合条件

3)===  全等 比较数值,类型都匹配才返回true

4)字符串的比较是按照一位一位的进行的,即便字符串书数字  ‘ 2345‘ ,也任然按照每位进行比较,与字符串长度无关。

⑥ 条件操作符

表达式1 ? 表达式2 :表达式3

⑦ 逻辑操作符

与    &&            或   ||             非   !

console.log(!NaN);    ----->  true

console.log(NaN);    ----->  NaN

console.log(NaN==true);      ----->  false

console.log(NaN==false);     ----->  false

console.log(NaN==NaN);     ----->  false

⑧ 递增 递减操作符  ++  --  (以后统一写i++ 方式 不写++i方式)

var i=3;

var sum=i++;          ---------->sum=3     运算后 i=4

⑨ 操作符优先级:

2、JavaScript三种弹窗方式

① alert()   表示警告

② confirm() 表示确认

③ prompt()  表示对话

[ 弹窗换行:alert(‘你好\r‘);   alert(‘你好\n‘);]

3、JavaScript的两种注释方法


行注释


//
这是行注释,注意‘//‘后面有空格

/*
这是一段注释 */


块注释


/*

*
注释以一行(*后面记得有空格)

*
注释以二行(*后面记得有空格)

*
注释以三行(*后面记得有空格)

*/

 

 

 

 

 

 

 

 

4、JS数据类型的转换

显式转换:通过手动进行类型转换,Javascript提供了以下转型函数:

转换为数值类型  :  Number(mix)、parseInt(string,radix)、parseFloat(string)

转换为字符串类型:  toString(radix)、String(mix)

转换为布尔类型  :  Boolean(mix)

隐式转换:在某些情况下,即使我们不提供显示转换,Javascript也会进行自动类型转换

至于详细的显示隐身转换可参见博客:http://t.cn/zlWtl49

JS的基本数据类型包括:BooleanStringNullNumberObjectUndefined


数字→字符串: 200 +
‘‘
== "200"   [加一个空字符型]


字符串→数字:
"200" * 1 == 200 或者 "200" - 0 == 200  [乘以1或者减去0]


Number( ): 用于将任何数据类型转换为“数值”


Number(true)


1


Number(false)


0


Number(NaN)


NaN


Number(Undefined)


NaN


Number(Null)


0

 


parseInt( ): 用于将字符串转换成整数型

[注]遇到非数字,会自动停止,取当前字符串前面的数字,如果前面没有数字,直接字母开头,返回NaN

Eg: console.log(parseInt(‘g54‘));    //
输出NaN

Eg:console.log(parseInt(‘0628‘));   // 输出628  自动忽略掉0开头的字符串

 parseInt( );
进行进制的转换

二进制    Eg:console.log(parseInt(110,2)); 
 // 输出6

八进制    Eg:console.log(parseInt(16,8));    
// 输出14

十六进制  Eg:console.log(parseInt(15,16));    //
输出 F

[注]
当要转换的数值超过所要转换的进制数的时候,会出现输出NaN  Eg:parseInt(8,8);
// NaN

公式: parseInt(数值,要转换的N进制);

parseInt在不同浏览器存在兼容问题,parseInt(0x10);按照16进制进行转换

parseInt(010);IE6会按照八进制进行转换,谷歌火狐IE9+等浏览器会按照10进制进行转换


parseFloat( ):用于将字符串 转换为
"浮点型数据"(即小数),parseFloat() 方法与
parseInt() 方法的处理方式相似,从位置 0 开始查看每个字符,直到找到第一个非有效的字符为止,然后把该字符之前的字符串转换成整数。


Boolean( ):当要转换的值是至少有一个字符的字符串、非
0 数字或对象时,Boolean() 函数将返回
true。如果该值是空字符串、数字 0、undefined 或
null,它将返回 false。


var b1 = Boolean("");            //false -  空字符串

var b2 = Boolean("hello");        //true -   非空字符串

var b1 = Boolean(50);            //true -   非零数字

var b1 = Boolean(null);          //false -  null

var b1 = Boolean(0);                 //false -  零

var b1 = Boolean(new object()); //true -  对象


String():它可把任何值转换成字符串,要执行这种强制类型转换,只需要调用作为参数传递进来的值的
toString() 方法,即把 12 转换成
"12",把 true 转换成 "true",把
false 转换成 "false",以此类推。

强制转换成字符串和调用
toString() 方法的唯一不同之处在于,对 null 和
undefined 值强制类型转换可以生成字符串而不引发错误; 
toString()
里面可以写需要转换成的几进制

var s1 = String(null); // "null"

var oNull = null;

var s2 = oNull.toString();  //
会引发错误

项目期复习:JS操作符,弹窗与调试,注释,数据类型转换

时间: 2024-10-25 17:28:50

项目期复习:JS操作符,弹窗与调试,注释,数据类型转换的相关文章

项目期复习总结:背景图合并,hack,浏览器内核前缀,伪类after before

目录: 1.背景图合并和CSS Spirit 2.PS基本快捷键 3.hack技术基本书写,为什么不用? 4.内核前缀 5.伪类afterbefore 1.背景图合并和CSS Spirit 背景图合并在使用时有两种方法: ①一种就是你会PS,可以自己PS实现背景图合并成一张图片,再用background-position实现背景图的定位. ②如果你不会PS,那可以用CSS背景图合并工具,直接选好图片后在线制作生成相对应格式的图片,方便快捷. background的语法: background-c

项目期复习总结:Table, DIV+CSS,标签嵌套规则

目录: 1.表格的意义,含义? 2.表格有哪些元素? 3.表格布局,表格布局的优缺点 4.行元素,块元素的区别? 5.标签的合理嵌套及标签的语义性 ① 表格的意义,含义? 表格应该用来展现那些适合表格化显示的信息,比如数据的显示,统计或者二维报表之类的信息,而不是作为一种而已的工作 ② 表格有哪些元素? 表格元素:table thead tbody tfoot caption tr th td .... 较常用  ③ 表格的使用应该注意哪些? 1)使用表格时注意合理嵌套,遵循标签的语义性,tab

项目期复习总结1:背景图合并,hack,浏览器内核前缀,伪类after before

文件夹: 1.背景图合并和CSS Spirit 2.PS基本快捷键 3.hack技术基本书写,为什么不用? 4.内核前缀 5.伪类afterbefore 1.背景图合并和CSS Spirit 背景图合并在使用时有两种方法: ①一种就是你会PS.能够自己PS实现背景图合并成一张图片.再用background-position实现背景图的定位. ②假设你不会PS.那能够用CSS背景图合并工具,直接选好图片后在线制作生成相相应格式的图片.方便快捷. background的语法: background-

项目期复习总结2:Table, DIV+CSS,标签嵌套规则

文件夹: 1.表格的意义,含义? 2.表格有哪些元素? 3.表格布局,表格布局的优缺点 4.行元素,块元素的差别? 5.标签的合理嵌套及标签的语义性 ① 表格的意义,含义? 表格应该用来展现那些适合表格化显示的信息,比方数据的显示,统计或者二维报表之类的信息,而不是作为一种而已的工作 ② 表格有哪些元素? 表格元素:table thead tbody tfoot caption tr th td .... 较经常使用  ③ 表格的使用应该注意哪些? 1)使用表格时注意合理嵌套,遵循标签的语义性,

在Visual Studio上开发Node.js程序(2)——远程调试及发布到Azure

[题外话] 上次介绍了VS上开发Node.js的插件Node.js Tools for Visual Studio(NTVS),其提供了非常方便的开发和调试功能,当然很多情况下由于平台限制等原因需要在其他机器上运行程序,进而需要远程调试功能,不过还好,NTVS提供的远程调试也非常方便. [系列索引] 在Visual Studio上开发Node.js程序——NTVS介绍及使用 在Visual Studio上开发Node.js程序(2)——NTVS远程调试及发布到Azure [文章索引] NTVS远

Node.js在Chrome进行调试

在开发node.js环境时候,调试是一件很疼苦的事情,不过随着时代不断发展,先如今已经有很多种node环境代码调试方式,今天我就笔记一下我使用的方式 node-inspector: node-inspector通过Web网页与用户进行交互,一个基于WebKit内核的浏览器,如Chrome, Safari,或者 Maxthon(遨游浏览器).QQ浏览器.搜狗浏览器等 想要调试首先安装node-inspector:         1. npm install -g node-inspector  

js错误处理和调试

1.重点关注函数和可能导致函数执行失败的因素. 2.抛出错误和使用try-catch的时机:一般来说在应用程序架构较低的层次中经常会抛出错误.这个层次并不会影响当前执行的代码. 错误也得不到真正的处理.在多应用中使用的库和应用内部多处使用的辅助函数时,抛出错误后要提供详尽的错误信息. 3.只捕获确切知道该如何处理的错误.捕获错误的目的在于避免浏览器采用默认的方式处理它们.抛出错误的目的在于提供发生错误具体原因的消息. 4.常见的错误类型:类型转换错误.数据类型错误 和 通信错误. a.类型转换错

js错误处理与调试理论和办法 (转)

js错误处理与调试理论和办法 ECMA-262 第 3 版引入了 try-catch 语句,作为 JavaScript 中处理异常的一种标准方式.基本的语法如下所示,显而易见,这与 Java 中的 try-catch 语句是完全相同的.try{// 可能会导致错误的代码} catch(error){// 在错误发生时怎么处理}也就是说, 我们应该把所有可能会抛出错误的代码都放在 try 语句块中, 而把那些用于错误处理的代码放在 catch 块中.例如:try {window.someNonex

js写弹窗

1.先来看弹窗的模样 点击"弹出窗口"后会弹出下面窗口 2.下面是实现弹出窗口的代码,其中引入的jquery一般自己有,没有的话可以从网上下载.tanchuang.js和tanchuang.css写在了下面. 弹窗的一些参数可以参考tanchuang.js里面的,需要更改的拿到显示页面来修改. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o