继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

JavaScript数据类型及输出

慕的地8271018
关注TA
已关注
手记 51
粉丝 16
获赞 39

一、js基本语法

1、js书写

1 (1)script[src 引入js文件的路径][type="text/javascript" 文件类型,可省略]2        * 在拥有src属性的script标签写js代码,无效3        * head>script,body>script4  (2)a[href="javascript:js代码;"]

 

2、 js的注释

复制代码

// -->单行注释/*   */ -->多行注释,不要嵌套多行注释//var = 1/* var = 1 

    var = 2*/

复制代码

 

(二)声明变量及赋值

1.声明变量,通过关键字var

1 例:var cup;

2.给变量赋值,通过=,将右边的值赋给左边的变量

例:cup = "orange";

3. 同时声明变量及赋值

例: var fruit = "lemon";

4. 同时声明多个变量,用逗号隔开

1  例:var a,b,c;2     a = 10;3     b = 20;4     c = 30;

 

5.变量名的命名规则

(1) 不能以数字开头,包含字母、数字、_、$ 
(2)不能使用关键字
(3) 严格区分大小写 
    *命名建议:
        (1) 见名知意
        (2) 驼峰命名 myUserName

(三)数据类型(值)

1、基本数据类型

(1) 数字类型number
(1.1) 普通数字
(1.2) NaN:代表非数字
    * 与任何数进行运算都得到NaN
    * 不等于任何数,甚至不等于自己
    * isNaN() 判断是不是非数字,是数字就返回false,其他值都返回true
(2)字符串类型 string
(2.1) 有引号的值都是字符串类型
(2.2)字符串内还有别的在引号('',"")
    * 将外层引号替换成另外一种
    * 通过转义字符\
(2.3)字符串中间拼接变量:引号引号(最外层),加号加号,变量("+a+")
(3)布尔类型 boolean
(3.1) 只有两个值:true 、false

2、特殊数据类型

(1)null 空对象
*、只有唯一的值null
*、注意代码的执行顺序。
(2)undefined 代表的是声明变量未赋值
*、只有唯一的值undefined
*、注意区分报错信息: ** is not defined。代表变量未声明。

3、 判断数据类型 typeof()

复制代码

1 (3.1)typeof(123); //"number"2 (3.2)typeof(NaN); //"number"3 (3.3)typeof(""); //"string"4 (3.4)typeof("AFDF"); //"string"5 (3.5)typeof(true); //"boolean"6 (3.6)typeof(false); //"boolean"7 (3.7)typeof(null); //"object" !!!8 (3.8)typeof(undefined);//"undefined"9 (3.9)typeof(typeof(123));//"string"

复制代码

(四)数据类型的转换

1、直接转换

(1)Number() 转换成数字类型
*、字符串->数字: 空字符串转成数字为0.若可以转换成数字,返回值就是数字。若不能转成数字就是NaN。
* 布尔值->数字: true->1,false->0
(2)String() 转换成字符串类型
  * 直接加引号
(3)Boolean() 转换成布尔类型
  * 除了0、NaN、""、null、undefined转成false,其他都转成true。

2、隐式转换

(1)若运算无法进行下去的时候,会尝试将数据类型进行隐式转换后,再运算。
(2)若隐式转换后依旧无法运算,会返回NaN

(五)输出

1. alert()

(具体的值||变量(不要加引号)) 弹窗

2. document.write()

*、(具体的值||变量(不加引号)) 
*、往body里面追加内容

3. console.log()

*、(具体的值||变量(不要加引号))  打印到控制台console,一般用于代码调试

4. ID名称.innerHTML = "内容或标签"

(4.1)给**元素添加内容,内容可以包括标签。
例:<div id=a></div>
     a.innerHTML = '<span style="color:red;">'+_num'+是一个偶素</span>

作者:         哎,我说

原文出处:https://www.cnblogs.com/wulongke/p/10492675.html  

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP