JS

js的引入

• 内嵌式：在head中通过一对script标签定义脚本代码
• 引入外部脚本文件：在head中通过script标签引入外部脚本文件
  • 一个html中可以有多个script标签
  • script标签如果用于引入外部js文件，中间不要有任何字符，甚至空格和换行

---

js的简单方法：

方法名	说明
console.log()	可在控制台输出
typeof()	可判断数据类型
prompt()	弹窗以供用户输入，返回一个string类型
alter()	弹窗显示
Number.parseInt(String)	将字符串转换成整数
document.write()	向文档写入文本内容，可以是 HTML 代码
JSON.parse()	此方法可将json串转换为js对象
JSON.stringify()	将一个js对象转换为json字符串

---

js的函数声明

• function 函数名 (){}
• var 函数名 = function(){}

和java相比，js的函数有如下特点

• 没有访问修饰符
• 没有返回值类型，如果有值要返回直接return即可
• 没有异常列表
• 调用方法时，形参和实参可以在数量上不一致
• 函数可以作为参数传递给另一个参数

---

js的数据类型

js是弱类型语言，但不是没有类型。是变量在声明时不指定数据类型，赋值时才确定类型。用var来赋值所有变量

• 数值类型number ：包括整数、小数
• 字符串类型string
• 布尔类型boolean
• 引用类型Object
• function类型（函数类型）

---

js的运算符

• 算术运算符： + - * / %
  • 当除(除等)0时会报错：Infinity
  • 当模(模等)0时会报错：NaN（not a number）
• 复合运算符： ++ -- += -= *= /= %=
• 关系运算符：> < >= <= != == ===
  • ==：如果两端的数据类型不一致，会尝试将两端的数据都转换为number再对比
  • ===：如果两端的数据类型不一致，直接返回false，相同则继续对比
• 逻辑运算符：|| &&
• 条件运算符：三目运算
• 按位运算符：| & ^ << >> >>>

---

js分支结构

• if后的非空字符串会判断为true
• 非空对象也会判断为true

---

js循环结构

    //   var arr = ["北京", "上海", "广州"];
    //   document.write("<ul>");
    //   for (var index = 0; index < arr.length; index++) {
    //     document.write("<li>" + arr[index] + "</li>");
    //   }
    //   document.write("</ul>");
	//使用foreach改写普通for循环
      var arr = ["北京", "上海", "广州"];
      document.write("<ul>");
      for (var index in arr) {
        document.write("<li>" + arr[index] + "</li>");
      }
      document.write("</ul>");

---

js的对象

• new Object()

    <script>
      var person = new Object();
      //直接给person对象的name属性创建并赋值为张三
      person.name = "张三";
      person.age = 18;
      //直接给person对象的eat方法创建并创建方法体
      person.eat = function (food) {
        console.log(this.age + "岁" + this.name + "正在吃" + food);
      };
      person.eat("火锅");
    </script>

---

• {属性名:属性值，……，函数名:function(){}}

    <script>
      var person = {
        "name": "张三",
        age: 10,
        eat: function (food) {
          console.log(this.age + "岁" + this.name + "正在吃" + food);
        },
      };
      person.eat("火锅");
    </script>

注意，要用逗号将属性值隔开，属性名可用双引号引起，推荐引起

---