JavaScript 内容总结(一)基础

JavaScript 内容总结（JavaScript高级程序设计）

1. 初识Javascript
2. Javascript注释
3. Javascript输入输出语句
4. 变量
5. 数据类型

1.初识Javascript

• JS组成

  1. ECMAScript：
  2. DOM：
  3. BOM：

• JS初体验

  执行顺序：内嵌和外部谁在上边 谁先执行

  1. 行内

  2. 内嵌

  3. 外部

  

2.Javascript注释

• 单行注释 //：快捷键 ctrl+/
• 多行注释 /* */：快捷键 shift+alt+A

3.Javascript输入输出语句

方法	说明	归属
alert（msg）	浏览器弹出框	浏览器
console（msg）	浏览器控制台打印输出信息	浏览器
prompt（info）	浏览器弹出输入框，用户可以输入	浏览器

4.变量

1. 变量概述

   变量是程序在内存中申请的一块用来存放数据的空间

   我们通过变量名获取数据，甚至数据修改

2. 变量的使用

   • 声明变量

   • 赋值

     1.const声明的变量不可以修改，而且必须初始化。

     const b = 2;``//正确``// const b;//错误，必须初始化 ``console.log(``'函数外const定义b：'` `+ b);``//有输出值``// b = 5;``// console.log('函数外修改const定义b：' + b);//无法输出 
     

     2.var声明的变量可以修改，如果不初始化会输出undefined，不会报错。

      var a = 1;
      // var a;//不会报错
     console.log('函数外var定义a：' + a);//可以输出a=1
      function change(){
      a = 4;
      console.log('函数内var定义a：' + a);//可以输出a=4
      } 
      change();
      console.log('函数调用后var定义a为函数内部修改值：' + a);//可以输出a=4
     

     3.let是块级作用域，函数内部使用let定义后，对函数外部无影响。

      let c = 3;
      console.log('函数外let定义c：' + c);//输出c=3
      function change(){
      let c = 6;
      console.log('函数内let定义c：' + c);//输出c=6
      } 
      change();
      console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3
     

3. 变量语法扩展

   • 更新变量

     var age=19;
     age=20;
     console.log(age);//输出20
     

   • 同时声明多个变量

     var age=19,name,sex,price;
     

4. 变量命名规范

   

5. 交换变量案例

var type1='青苹果';
var type2='红苹果';
console.log(type1);//青苹果
console.log(type2);//红苹果
var temp=type1;
type1=type2;
type2=temp;
console.log(type1);//红苹果
console.log(type2);//青苹果

5.数据类型

1. 数据类型的简介

   js的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定

   数据类型分为两类：

   • 简单数据类型：Number、String、Boolean、Undefined、Null

   • 复杂数据类型：object

2. 转义字符

3. 获取变量数据类型

   var num=1;
   console.log(typeof num);//Number
   

4. 数据类型转换

   • 转换为字符串

     toString() ：转换字符串，num.toString()

     String()：转换字符串，String(num)

     加号拼接字符串：和字符串拼接的结果都是字符串，num+‘我是字符串’

   • 转换为数字类型

     parseInt(string)函数：将string类型转成整数数值型 ，parseInt(string)

     parseFloat(string)函数：将string类型转成浮点数数值型 ，parseFloat(string)

     Number()强制转换函数：将string类型转换为数值型 ，Number(‘12’)

     js隐式转换(- * /)：利用算数运算隐式转换为数值型 ，‘12’-0

   • 转换为布尔型