JavaScript初识

JavaScript概述

什么是JavaScript

JavaScript是世界上最流行的脚步语言，属于前端三要素之一，用于控制网页的行为。

历史

JavaScript历史及其高级编程

ECMAScript可以理解是JavaScript的一个标准

最新版本已经到ES6版本

但是大部分浏览器还停留在ES5代码上

开发环境:IDEA,WebStorm,DW等

快速入门

基本使用及其HelloWorld

• JS代码位于script标签中

• script标签一般位于head标签中和位于body标签的底部(内部标签)

  <script  type=text/javascript>
      alert("HelloWorld !");
  </script>
  

• 和CSS相同，在项目中可以把JS写成单独的文件，然后通过外部引入（外部标签）

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

基本语法

• JavaScript中所有的变量定义都使用var关键字，不像Java要分各种数据类型

  <script>
  var num=1;
  var name="小蓝";
  var a=3.14;
  var b='学';
    if(2>num){
       
    alert(name);
    }
  </script>
  

• JavaScript注释和Java相同，而且也是严格区别大小写

  ​

  <script  type=text/javascript>
      alert("HelloWorld !");// 网页弹窗，弹出HelloWorld !
  </script>  
  /*不用type属性也是默认是JavaScript
   */
  

• 控制台，在浏览器的控制台可以进行JS代码的调试，浏览器右击->检查->console

数据类型

• 数值型

  var 3.14;
  var 25;
  var2 0.5 //js不区分小数整数
  

• 布尔值

      var a=true;
      var b=false;

• 逻辑运算和java相同

• 数组

  var arr=[1,2,3,null,true,"hello"];//数组也可以是不同数据类型的集合，而且习惯使用中括号,在java中绝对不能这样
  alert(arr[0]);
  

• 比较运算符

  var a;
  var b;
  alert(a=b);
  alert(a==b);//值相同，类型不同也输出为true
  alert(a===b);//绝对等于，值相同，类型相同才输出true
  

对象的定义

• 在JavaScript中是这样定义对象,属性之间与逗号隔开，相当于Java中定义类

<script>
    var person={
   
    name: "小蓝",
    age: 22,
    sex: "男",
    school: "牛马大学"
    }
    alert(person.school);
</script>

严格检查模式strict

• 在JavaScript中要注意严格审查模式 使用“use strict”放在第一行即可自助标出错误的变量(IDEA6.0以上支持)，局部变量定义建议使用let替换var，因为var是全局变量

 <script>
'use strict';
 let i=100;
 alert(i);
 </script>

字符串类型详解

 <script>
 // 转义字符和java使用相同
 //多行字符需要使用单引号位于tab键上方
     let src=`
     您好呀
     hello
     欢迎来我家做客
     哈哈
     `;
 //模板字符串
let name="lansupei";
 let msg=`您好呀！${
     name}`;
 alert(msg);
 //字符串长度
 let str="lansupei";
 alert(str.length);
 //大小写转换
 alert(str.toUpperCase());
//字符串截取
alert(str.substring(1));//截取下标1后面所有的字符
alert(str.substring(1,3));//截取[1,3)的字符
 </script>

数组类型详解

<script>
    var arr=[1,2,3,"4","a"];
    arr.IndexOf(1); //通过元素1获得下标索引
    arr.slice(2);//下标从2开始截取数组，类似于字符串的substring()
    arr.push("c","d"); //压入元素到尾部
    arr.pop(); //弹出尾部的元素
    arr.unshift("c","d"); //压入元素到头部
    arr.shift(); //弹出头部的元素
    arr.sort(); //排序
    arr.reverse