javascript语法基础

概述

1. 浏览器上的脚本语言：不需要编译，浏览器直接解释执行，目标程序(可以执行的程序)可以以普通文本的形式保存
2. 事件驱动的脚本语言
3. 遵循ECMA-Script规范

html与javascript

1. 在html中嵌入javascript的3种方式

   1. 代码块

   2. 行内代码

   3. 外部js文件引入

javascript基础知识

1. 事件和事件句柄的区别

   例如：click与onclick的区别

2. 体会html文档树的概念

3. js脚本块

   1. 会按照自上而下的循序逐行执行(注意：定义的函数不会执行)
   2. 脚本块的位置随意
   3. 注释方式2种

4. 标识符

   1. 命名规范
   2. 命名规则：数字字母下划线美元符号，不能以数字开始，不能和关键字冲突，区分大小写，理论没有长度限制
   3. 命名规范和命名规则的区别

5. 变量

   1. javascript是一种弱类型语言：变量声名的时候，类型没有限制死

      1. var xxx = xxx
      2. 没有手动赋值的时候系统默认赋值undefined
      3. 变量压根没有声明：报错

   2. java是一种强类型语言：变量声明的时候，类型已经限制死了

      1. byte short int long float double boolean char

         1 2 4 8 4 8 1 2

javascript中的函数

1. 格式

   //方式1
   function 函数名(形式参数列表){
       函数体
   }
   
   //方式2
   函数名 = function (形式参数列表){
       函数体
   }
   
   //不调用不执行
   

2. js函数的重载

   function sum(a, b){
       alert(a + b)
   }
   //相当于写了3个函数
   

3. 函数名不能相同

   1. 重名的话，后定义的会将前面定义的函数覆盖掉
   2. 区分函数只靠函数名

4. 变量范围

   1. 全局变量：函数体外声明
      1. 浏览器打开时声明，浏览器关闭时销毁
      2. 不写var 声明的是全局变量
   2. 局部变量
      1. 在函数体内声明(包括函数的形参)
   3. 访问原则：就近访问

javascript数据类型

1. 变量没有数据类型，但是值有数据类型

2. js中的数据类型

   1. ES6规范之前有6种，ES6之后有7种(多了一个symbol类型)

   2. 原始类型

      1. Undefined
         1. 只有一个值:undefined
      2. Number
         1. 普通值
         2. NaN(本来应该是数，结果却不是数)
         3. 无穷大Infinity
         4. 常用函数
            1. isNaN()
            2. parseInt()
            3. parseFloat()
            4. Math.ceil()
      3. String
         1. 创建字符串对象
            1. var s = "abc"
            2. var s2 = new String("abc")
               1. String内置类继承自Object
            3. typeof s 和 typeof s2的区别
               1. 小string
               2. 大String
               3. 两种string的属性和函数都是通用的
         2. 常用函数
            1. indexof
               1. 获取指定字符串在当前字符串第一次出现处的位置
               2. 未出现过：-1
            2. replace：只替换第一个
            3. substr：startindex，length
            4. substring：startindex， endindex，且不包含右边界
      4. Boolean
         1. 永远只有两个值：true or false
         2. Boolean():不是boolean类型的值转换成boolean类型的函数
            1. 有 -> true
            2. 无 -> false
         3. if后面会自动转换成boolean类型
      5. Null
         1. 只有一个值null，属于"object"

   3. 引用类型

      1. Object以及其子类

         1. 创建类的方法

            //方式1
            function 类名(形参){
                
            }
            
            //方式2
            类名 = function(形参){
                
            }
            
            //看如何使用,是否使用new，看是当作方法使用，还是当作类来使用
            
            //js中类的定义实际上已经包含了java中定义一个类的全部信息(类名与构造方法名称相同 + 弱类型)
            

         2. 创建对象的方法

            1. new 类名(参数列表)
            2. 访问属性
               1. 对象.xxx
               2. 键值对的形式 对象["xxx"]

         3. 类中属性，实例方法，类方法的声明(注意如何让类方法真正生效)

         4. prototype属性：动态的获取属性和方法

3. typeof的结果为以下6个字符串，字符串全部小写，用于动态获取数据类型

   1. "undefined"
   2. "number"
   3. "string"
   4. "boolean"
   5. "object"
   6. "function"

   注意：

   1. null属于Nulll类型，但是null的typeof结果为"object"

4. null，NaN，undefined区别

   1. 它们typeof的区别
   2. 它们 == 的结果
   3. 它们 === 的区别
   4. == 和 === 的区别
      1. == ：值的效果是否等同
      2. === ：值和类型