前端小白的JavaScript入门篇—输出、类型

106 阅读2分钟

前言

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

一.JS的组成

1.ES   其实就是JS的规范(规则)
2.DOM(文档对象模型)   DIV  span
3.BOM(浏览器对象模型)

二.JS的书写方式

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

三.JS的输出

  1. console.log 控制台输出 — 打印文本时添加单引号或双引号

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

     不添加单双引号时 输出的是变量所对应的值 添加单双引号时,输出的是单双引号所包裹的文字
         <script>
             var a = 100
                 alert(a) 
                  // 在页面上显示弹窗输出变量值 a 的值 100 
                 alert('a') 
                  // 在页面上显示弹窗输出为 a 
         </script>
         
    
  3. 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. 变量名的建议遵循语义化规则采用 小驼峰命名方式如果命名涉及到两个以上的单词,建议使用小驼峰写法第二个单词首字母大写