JavaScript笔记总结

JavaScript基础

如何引入JavaScript

外联文件

 <script src="引入的文件位置（本地文件位置或者远程链接）"></script>

内联文件

<script type="text/javascript">
  js代码编写的位置
</script>

Js输出语句

用于基本的调试：

document.write()	//向body中写入字符串
cosole.log()	//向控制台输出
alert()		//弹出框

基础语法

• 语句分号（ ；）结尾，大括号包裹语句块（基本与Java语法类似）

• 严格区分大小写

• 没有添加分号时浏览器自动添加，但是消耗资源并且可能添加出错

注释

Hbuilder快捷键 Ctrl + / 添加注释**

• 单行注释：//

• 多行注释：/* */

JavaScript基本数据类型

​ JavaScript 变量能够保存多种数据类型：数值、字符串值、数组、对象等

• Number

  • Js中只有一种数值类型Number
  • Js中的Number可以表示十进制，八进制，十六进制整数，浮点数，科学记数法

• Js中的Number基本类型可以精确表示的最大整数是2^53，BigInt可以表述任意大的整数

• String

• 字符串被引号包围。可以使用单引号或双引号

• Boolean

• 布尔值只有两个值 true false，经常用在条件测试中

• undefined

  • 表示声明了但未赋值的变量，其值是 undefined ，typeof 也返回 undefined

    //已经声明的变量未赋值则成为undefined
          var a;
          console.log(typeof a);
    //结果为undefined
    

  • 任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined

  • 空值与 undefined 不是一回事，空的字符串变量既有值也有类型。

    var car = "";	// 值是 ""，类型是 "string"
    

• null

  • null表示一个对象不存在，其数据类型为Object

    //表示一个空对象
           var a = null;
           console.log(typeof a);
    //结果为object
    

• Object

  • Function

    • Function是一个功能完整的对象，作为JS的内置对象之一。JS的普通函数都是Function对象的实例，所以函数本身也是一个对象，就像var一样，只不过这个对象具有可调用特征而已。
    • function只是一个关键字，用来创建一个普通函数或对象的构造函数。

  • RegExp

    • RegExp 对象是带有预定义属性和方法的正则表达式对象

    • 正则表达式，在 JavaScript 中，正则表达式常用于两个字符串方法：search() 和 replace()

      search()	//使用表达式来搜索匹配，然后返回匹配的位置。
      replace()	//返回模式被替换处修改后的字符串。
      

    • 正则表达式修饰符

      i	//执行对大小写不敏感的匹配
      g	//执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）
      m	//执行多行匹配
      

  • Date

    • 日期对象是一个静态的对象，计算机时间会不断变化，但日期对象不会

    • new Date() 用当前日期和时间创建新的日期对象，参数可以填year, month, ...，用于指定日期和时间创建新的日期对象

      var d = new Date(2018, 11, 24, 10, 33, 30, 0); 		//变量分别为年、月、日、小时、分钟、秒和毫秒
      

  • JSON

    • JSON对象语法

      {
                "name":"Nya", "age":21, "car":null }
      

      • JSON 对象被花括号{}包围
      • JSON对象以键/值对的方式书写
      • 键必须是字符串，值必须是有效的 JSON 数据类型（字符串、数字、对象、数组、布尔或 null）
      • 键和值由冒号分隔
      • 每个键/值对由逗号分隔

    • 访问JSON对象值

      • 使用点（.）访问对象JSON值

        myObj =  {
                    "name":"Nya", "age":21, "car":null };
        x = myObj.name;
        

      • 也可以使用户方括号（[]）访问JSON对象值

        myObj =  {
                    "name":"Nya", "age":21, "car":null };
        x = myObj["name"];
        

    • 遍历JSON对象

      • 使用for-in遍历JSON对象

        myObj =  {
                    "name":"Nya", "age":21, "car":null };
        for (x in myObj){
                   
            document.getElementById("demo").innerHtml += myObj[x];
        }
        

      • 对于嵌套的JSON对象，使用点号和括号访问嵌套的JSON对象

        /***实例***/
        myObj =  {
                   
           "name":"Bill Gates",
           "age":62,
           "cars": {
                   
        	  "car1":"Porsche",
        	  "car2":"BMW"