初识JavaScript

什么是JavaScript

JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言.（Script是脚本的意思）

JavaScript由那三部分组成：

1.ECMAScript

ECMAScript是由ECMA国际（原欧洲计算机制造协会）进行的标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后者是ECMAScript语言的实现和拓展。

2.Dom——文档对象模型

文档对象模型（Document Object Model，简称DOM），W3C组织推荐的处理可拓展标记语言的标准编程接口，通过DOM提供的接口可以对页面上的各种元素进行操作（大小，颜色，位置等）。

3.BOM——浏览器对象模型

BOM（Browser Oject Model，简称BOM）是指浏览器对象模型，它提供了独立于内容的，可以于浏览器窗口进行互动的现象结构。通过BOM可以操作浏览器窗口，比如弹出框，控制台跳转，获取分辨率等。

JavaScript三种输入输出语句

变量

• 什么是变量

白话：变量就是一个装盒子的盒子

通俗：变量是用于存放数据的容器，我们通过变量名获取数据，甚至数据可以修改。

• 变量的使用

变量的使用分为两步：1：声明变量 2：赋值

1. 声明变量

   //声明变量

   var age； //声明一个名称为age的变量

var 是一个JS关键字，用来声明变量( variable变量的意思)。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管。 age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间。

2. 赋值

   age=10； //给age这个变量赋值为10

   • =用来把右边的值赋给左边的变量空间中此处代表赋值的意思。
   • 变量值是程序员保存到变量空间里的值。

3. 变量的初始化

   var age=18； //声明变量的同时同时赋值为18

   

4. 案例：变量的使用

   1. 有个叫卡卡西的人在旅店登记的时候前台让他填一张表，这张表里的内容要存到电脑上，表中的内容有:姓名、年龄、邮箱、家庭住址和工资，存储之后需要把这些信息显示出来，所显示的内容如下:

我叫旗木卡卡西，我住在火影村，我今年30岁了，我的邮箱是kakaxi@itcast.cn，我的工资2000

5. （1）弹出一个输入框,提示用户输入姓名

   （2）弹出一个对话框输出刚刚输入的姓名

   

• 变量的命名规范

1、变量命名必须以字母、下划线””或者”$”为开头。其他字符可以是字母、、美元符号或数字。

2、变量名中不允许使用空格和其他标点符号，首个字不能为数字。

3、变量名长度不能超过255个字符。

4、变量名区分大小写。(javascript是区分大小写的语言)

5、变量名必须放在同一行中

6、不能使用脚本语言中保留的关键字、保留字、true、false 和 null 作为标识符。

截止到目前为止JS描述了一组具有特定用途的关键字，一般用于控制语句的开始或结束,或者用于执行特定的操作等。关键字也是语言保留的，不能用作标识符。if for switch case break continue while var function

• 案例

要求：交换两个变量的值（实现思路：使用一个临时变量用来做中间存储）

1. 思维导图

2. 代码实现

数据类型

• 简单数据简介

​ 为什么需要数据类型：

​ 在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。

​ 简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18、这些数据的类型是不一样的。

• 简单数据类型

    1.简单数据类型：（Nnumber，String，Boolean，Undefined,Null）
   
    2.复杂数据类型：（Object）
  

• 数据类型的分类
  JavaScript中的简单数据类型及其说明如下:

  

  • 数字型（Number）

    • JavaScript数字类型既可以用来保存整数值，也可以保存小数（浮点型）

    var age=21； //整数

    var age=21.3747 //小数

    备注:常见的数字型进制有二进制，八进制，十进制，十六进制。

    //1.八进制数字序列范围:0~7

    var num1=07 //对应十进制的7

    var num2=019 //对应十进制的19

    var num3=08 //对应十进制的8

    //1.十六进制数字序列范围:0_9以及AF

    var num=0xA;

    

    • isNAN（）用来判断一个变量是否为数字的函数，返回true或者false

    var usrAge=21

    console.log（isNAN(Age)） //是数字，返回true

    var usrAge1=“21”

    console.log（isNAN(Age1)） //非是数字，返回false

  • 字符串型（String）

    1. 字符串型可以是引号中的任意文本，其语法为”双引号“和‘单引号’

       var str=“我是‘高富帅’程序员” //可以用双引号包单引号

       var str=‘我是“高富帅”程序员’ //也可以用单引号包双引号

       //常见错误

       var str1=‘What on earth?" //报错，不能单双引号搭配

    2. 字符串转义符

       类似于HTML里面的特殊字符,字符串中也有特殊字符,我们称为转义符。

       转义符都是已\开头的，常见的转义符机器说明如下：

    

    3. 字符串长度

       字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串的长度。

       //检测获取字符串长度 length

       var str=”My name is Lihua“

       console.log（str.length）

    4. 字符串的拼接

       多个字符串之间可以使用＋进行拼接，其拼接方式为字符串＋任何类型=拼接之后的新字符串

       拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的等符串

       //字符串拼接

       console.log(“沙漠”+“骆驼”) //字符串的沙漠骆驼

       console.log(“我今年”+18) //字符串的我今年18

       console.log(“12”+12) //字符串的1212

       重点：+号总结口诀：数值相加，字符相连

  • 布尔型(Boolean)

    布尔类型有两个值：true和false，其中true表示真（对），false表示假（错）

    console.log(true+1) //true参与运算当1来看

    console.log(false+1) //false参与运算当0来看

  • Undefined和Null

    一个声明后没有被赋值的变量会有一个默认值undefined (如果进行相连或者相加时，注意结果)

    如果一个变量声明为赋值,就是undefined

    var str;

    console.log(str)

    一个声明变量给null值，里面存的值为空（学习对象时，我们继续研究null)

    var str1=null

    console.log(“你好”+str1) //你好null

• 获取变量数据类型

  typepf 可用来获取检测变量的数据类型

  var num=10

  console.log（typeof num）//number

  var str=”10“

  console.log（typeof str）//string

  var flag=”true“

  console.log（typeof flag）//boolean

  var vari=”undefined“

  console.log（typeof vari）//undefined

  var time=”null“

  console.log（typeof time）//object

• 数据类型转换

  1. 什么是数据类型转换

     使用表单、prompt获取过来的数据默认是宁符串类型的此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。

     我们通常会实现3种方式的切换：
     toString0和String0使用方式不一样。

     三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换。

• 转换为字符串类型
  
  注意parselnt和parseFloat单词的大小写，这2个是重点
  隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型

  • 转换为数字型（重点）

注意parselnt和parseFloat单词的大小写，这2个是重点
隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型

• 转换为布尔型

代表空、否定的值会被转换为false ,如"、0、NaN、null、undefined其余值都会被转换为true

console.log(Bollean("")); //false

console.log(Bollean(“0”)); //false

console.log(Boolean(NAN)); //false

console.log(Bollean(“null”)); //false

console.log(Bollean(“undefined”)); //false

console.log(Bollean(“小白”)); //true