H5-JS的输出、类型

279 阅读2分钟

JS的使用

  1. 行内式: <div onclick=""></div>
  2. 内嵌式:<script>alert(哈哈哈哈)</script>
  3. 外链式:<script src="xxx.js"></script>

js 三种写法:

  • 行内式
    <input type="button" value="按钮" onclick="alert('hello world')" />
    
  • 内嵌式
    <body>
        <script>
            alert('hello world')
        </script>
    </body>
    
  • 外链式
    <script src="main.js"></script>	
    

JS的输出:

  1. console.log 控制台输出 — 打印文本时添加单引号或双引号
不添加单双引号时 输出的是变量所对应的值  添加单双引号时,输出的是单双引号所包裹的文字
  <script>
    var a = 100
    console.log(a)
      // 控制台输出变量值 a 的值 100
    console.log('a')
     // 控制台输出为 a
</script>    
  1. alert() 弹窗输出
不添加单双引号时 输出的是变量所对应的值  添加单双引号时,输出的是单双引号所包裹的文字
  <script>
    var a = 100
    alert(a)
      // 在页面上显示弹窗输出变量值 a 的值 100
    alert('a')
     // 在页面上显示弹窗输出为 a
</script>  
  1. document.write() 页面输出方式 — 打印文本时添加单引号或双引号
不添加单双引号时 输出的是变量所对应的值  添加单双引号时,输出的是单双引号所包裹的文字
  <script>
    var a = 100
    document.write(a)
      // 输出变量值 a 的值 100
    document.write('a')
     // 输出为 a
</script>  

js的数据类型

  1. number类型 —— 所有的数字都是number类型
  2. string类型 —— 被单引号或双引号包裹的字符都是string类型理解:字符串都是黑色的
  3. boolean类型 —— 只有两种结果 true false一般用于条件判断
  4. undefined类型 —— 表示未定义 变量只声明不赋值的时候,值默认是undefined
  5. null类型空数据类 —— 一般数据声明变量时,后续修改重新赋值,初始化值没有赋值,那这时就初始化赋值 如果定义的变量准备在将来用于保存对象,最好将变量初始为 null

变量名的规范

  1. 可以包含数字,字母,下划线,$符号等字符
  2. 不能以数字开头,否则报错
  3. 不能使用JS语法中的关键字和保留字(以后可能会成为关键字的字符)关键字:arr if else for function
  4. 不建议使用中文变量名
  5. 变量名的建议遵循语义化规则采用 小驼峰命名方式如果命名涉及到两个以上的单词,建议使用小驼峰写法第二个单词首字母大写