javascript 基础巩固（上篇）

HTML用于控制网页的结构，CSS用于控制网页的外观，而JavaScript控制着网页的行为。

文章目录

• 前言
• 一、JavaScript使用简介
• 二、语法基础
  • 1.变量与常量
  • 2.数据类型
  • 3.表达式与语句
  • 4.类型转换
• 三、流程控制
  • 1.if-else
  • 2.switch
  • 3.while
  • 4.for

---

前言

     JavaScript（通常缩写为JS）是一种高级的、解释型的编程语言。JavaScript是一门基于原型、函数先行的语言，是一门多范式的语言，它支持面向对象编程，命令式编程，以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等，不支持I/O，比如网络、存储和图形等，但这些都可以由它的宿主环境提供支持。它已经由ECMA（欧洲电脑制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器（Chrome、IE、Firefox、Safari、Opera）支持。
 

---

一、javascript使用简介

             一般使用JavaScript有3种方式，外部引入<script src=''xxx.js"></script>，内部<script></script>标签和内部元素标签使用，例如：<button οnclick="alert('javascript的使用')">

二、语法基础

1.变量与常量

       在JavaScript中，变量指的是一个可以改变的量。变量类似数学的变量，但用法和语法不同，

变量名字需要使用者定义命名来灵活使用。

在JavaScript中，给一个变量命名，我们需要遵循以下两个方面的原则。

• （1）变量由字母、下划线、$或数字组成，并且第一个字母必须是“字母、下划线或$”。
• （2）变量不能是系统关键字和保留字。
• 语法 例如：  var 变量名 = 值；

2.数据类型

       在JavaScript中，基本数据类型有5种：数字、字符串、布尔值、未定义值和空值。而常见的引用数据类型有两种：数组、对象。

3.表达式与语句

      一个表达式包含“操作数”和“操作符”两部分。操作数可以是变量，也可以是常量。操作符指的就是我们之前学的运算符。每一个表达式都会产生一个值。

 例如：var a =  8+9（8+9是一个表达式）而整一句代码var a=8+9就是一个语句了

4.类型转换

         类型转换有2种，隐式类型转换和显式类型转换；隐式类型转换，指的是JavaScript自动进行的类型转换。显式类型转换，指的是需要我们手动用代码强制进行的类型转换。

       例如：字符串转数字，隐式转换：var res = 123+"abc"

         显示转换：var res =  Number(" 123 ")

tip:   console.log(typeof res)判断res数据类型

三.流程控制

 

 

1.if-else

if(条件){
  .....
}else{
......
}

  2.switch

switch(判断值)
{
    case 取值1:
        语块1;break;
    case 取值2:
        语块2;break;
    ……
    case 取值n:
        语块n;break;
    default:
        语句块n+1;
}

3.while

while(判断值){
......
}

4.for

for(初始化表达式; 条件表达式; 循环后操作)
{
    ……
}