zoukankan      html  css  js  c++  java
  • 1、JavaScript数据类型及输出

    一、js基本语法

    1、js书写

    1 (1)script[src 引入js文件的路径][type="text/javascript" 文件类型,可省略]
    2        * 在拥有src属性的script标签写js代码,无效
    3        * head>script,body>script
    4  (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>
  • 相关阅读:
    数据库SQL实战- 获取所有非manager员工当前的薪水情况,给出dept_no、emp_no以及salary ,当前表示to_date='9999-01-01'
    数据库SQL实战- 查找所有员工自入职以来的薪水涨幅情况,给出员工编号emp_no以及其对应的薪水涨幅growth,并按照growth进行升序
    数据库SQL实战- 查找当前薪水(to_date='9999-01-01')排名第二多的员工编号emp_no、薪水salary、last_name以及first_name,不准使用order by
    springboot 整合redis 以及redis的简单使用
    SQL语句按in排序
    编写高质量的代码
    linux 后渗透测试
    工具包学习与收集
    python 学习实例(cmdMD链接)
    python 学习之FAQ:find 与 find_all 使用
  • 原文地址:https://www.cnblogs.com/wulongke/p/10492675.html
Copyright © 2011-2022 走看看