javascript基础语法

javascript的介绍

• javascript是运行在浏览器上的用户和页面交互的脚本语言。

  1. javascript是弱类型语言
  2. javas是解释性语言，他的解释器是浏览器。

• javascript的使用方式：

  1. 行内式

         <!-- 行内式（一般配合事件使用，但是不常用） -->
         <input type="button" name="" onclick="alert('点击')" value="按钮">
     

2. 内嵌式

       <script>
           alert("ok")
       </script>
   

3. 外链式

       <script src="./main.js"></script>
   

javascript的变量和数据类型

• 变量定义

  • JavaScript 是一种弱类型语言，也就是说不需要指定变量的类型，JavaScript的变量类型由它的值来决定， 定义变量需要用关键字 'var', 一条JavaScript语句应该以“;”结尾

  • 变量定义的语法格式：

    var 变量名 = 值

        <script>
            var nNum = 10;
    
            var sName = "xiaoming";
            // 定义多个变量
            var nNum1 = 5, nNum2 = 6, nNum3 = 7;
        </script>
    

    javascript支持同时定义多个变量，每个变量定义后面都要加“,”，另外每个语句后面都要加“;”

    "//"表示单行注释，多行注释用/* ··· */

• javascript的数据类型

  1. 数字型

  2. 字符串型

  3. 布尔类型（boolean的值为true和false）

  4. 未定义类型（undefined是变量声明未初始化时，他就是undefined类型）

  5. null型 ，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null,在页面上获取不到对象，返回的值就是null

  6. 对象类型object（null也是对象类型）是一种复合类型

         <script>
             // 定义多个变量
             var nNum1 = 5, nNum2 = 6, nNum3 = 7;
             // 数字类型
             var nNu = 1
             // 字符串类型
             var sUser = "zhangsan"
             // boolean类型
             var iStrue = true
             // 未定义类型
             var uNtype
             // null对象，空对象
             var nEmpty = null
             // object类型
             var oObj = {name: "xiaoming", age:18}
         </script>
     

• 变量命名规范

  1. 区分大小写
  2. 第一个字符必须是字母、下划线（_）或者美元符号（$）
  3. 其他字符可以是字母、下划线、美元符或数字

• 变量命名的风格：匈牙利命名风格

  • 对象o Object 比如：oDiv
  • 数组a Array 比如：aItems
  • 字符串s String 比如：sUserName
  • 整数i Integer 比如：iItemCount
  • 布尔值b Boolean 比如：bIsComplete
  • 浮点数f Float 比如：fPrice
  • 函数fn Function 比如：fnHandler

函数的定义和调用

• 函数的定义和调用

      <script>
          // 定义函数
          function fnAlert(){
              alert("这是一个函数")
          }
          // 调用函数
          fnAlert()
      </script>
  

• 定义有参数有返回值的函数

      <script>
      function fnReturn(num1, num2){
          result = num1 + num2
          return result
      }
      alert(fnReturn(10, 20))
  
      </script>
  

• 变量作用域（作用域和python一样）

  • 局部变量（函数内部使用的变量）
  • 全局变量（无论函数内部还是外部都能使用的变量）

条件语句

• javascript的条件语句和python有很多相似之处

  1. if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
  2. if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
  3. if...else if....else 语句 - 使用该语句来判断多条件，执行条件成立的语句

• 比较运算符

  假如x = 5,查看比较后的结果。

  比较运算符	描述	例子
  ==	等于	x == 8 为 false
  ===	全等(值和类型)	x === 5 为 true; x === "5" 为 false
  !=	不等于	x != 8 为 true
  >	大于	x > 8 为 false
  <	小于	x < 8 为 true
  >=	大于或等于	x >= 8 为 false
  <=	小于或等于	x <= 8 为 true

• 逻辑运算符

  假如 x=6, y=3, 查看比较后的结果:

  比较运算符	描述	例子
  &&	and	(x < 10 && y > 1) 为 true
  ||	or	(x==5 || y==5) 为 false
  !	not	!(x==y) 为 true

到这里javascript的基础语法就学习完了，下面要学习的是如何使用javascript和css、html来具体实现与用户交互了。