编程语言
首页 > 编程语言> > JavaScript 基础

JavaScript 基础

作者：互联网

文章目录

1 基础知识

1.1 变量、数据类型

1.1.1 变量

  1. 基本例子

    var lastname="Doe",
age=30,
job="carpenter";

  2. 一条语句中声明的多个变量不可以同时赋同一个值

    var x,y,z=1;     //其中 x, y 为 undefined， z 为 1

  3. ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。const 定义常量与使用 let 定义的变量相似：二者都是块级作用域。

    • let 声明的变量只在 let 命令所在的代码块内有效

      例子：

      var i = 5;
for (var i = 0; i < 10; i++) {
    // 一些代码...
}
// 这里输出 i 为 10

      let i = 5;
for (let i = 0; i < 10; i++) {
    // 一些代码...
}
// 这里输出 i 为 5

    • const 声明一个只读的常量，一旦声明，常量的值就不能改变

      例子：

      const PI = 3.141592653589793;
PI = 3.14;      // 报错
PI = PI + 10;   // 报错

  4. JavaScript 中，var 关键字定义的变量可以在使用后声明，也就是变量可以先使用再声明（变量提升）。let, const 关键字定义的变量则不可以在使用后声明，也就是变量需要先声明再使用。

    例子：

    // 在这里可以使用 carName1 变量
var carName1;
// 在这里不可以使用 carName2 变量
let carName2;
// 在这里不可以使用 carName3 变量
const carName3 = "Volvo";

1.1.2 数据类型

  1. 值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。

    例子：

    var carname="Volvo XC60";
var x1=34.00;      //JavaScript 只有一种数字类型。数字可以带小数点，也可以不带
var x=true;

  2. 引用数据类型：对象(Object)、数组(Array)、函数(Function)。

    对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔。

    对象例子：

    var person = {
    firstName: "John",
    lastName : "Doe",
    id : 5566,
    fullName : function()     //对象的方法
	{
       return this.firstName + " " + this.lastName;
    }
};
//对象属性有两种寻址方式，如下所示
name=person.lastname;     
name=person["lastname"];

    数组例子：

    var cars=new Array();     //等价于var cars=new Array;
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
//condensed array
var cars=new Array("Saab","Volvo","BMW");
//literal array
var cars=["Saab","Volvo","BMW"];

1.2 运算与比较

1.2.1 运算

​ 大部分同C/C++。

  1. 5 / 2 = 2.5
  2. 支持字符串的"+"

1.2.2 比较

​ 大部分同C/C++，也支持条件运算符。

运算符描述
==等于
===绝对等于（值和类型均相等）
!=不等于
!==不绝对等于（值和类型有一个不相等，或两个都不相等）

1.3 条件、循环

1.3.1 if

if (time<10)
{
    document.write("<b>早上好</b>");
}
else if (time>=10 && time<20)
{
    document.write("<b>今天好</b>");
}
else
{
    document.write("<b>晚上好!</b>");
}

1.3.2 switch

var d=new Date().getDay();
switch (d)
{
    case 6:x="今天是星期六";
    break;
    case 0:x="今天是星期日";
    break;
    default:
    x="期待周末";
}
document.getElementById("demo").innerHTML=x;

1.3.3 for循环

​ 例子1：

for (var i=0;i<cars.length;i++)
{ 
    document.write(cars[i] + "<br>");
}

​ 例子2：

var person={fname:"Bill",lname:"Gates",age:56}; 
 
for (x in person)  // x 为属性名
{
    txt=txt + person[x];
}

1.3.4 while

​ 例子1：

while (i<5)
{
    x=x + "The number is " + i + "<br>";
    i++;
}

​ 例子2：

do
{
    x=x + "The number is " + i + "<br>";
    i++;
}
while (i<5);

1.3.5 break、continue

1.4 函数

1.4.1 函数定义

1.4.2 函数参数

​ JavaScript 函数对参数的值没有进行任何的检查。ES5 中如果函数在调用时未提供隐式参数，参数会默认设置为： undefined。ES6 支持函数带有默认参数。

1.4.3 函数调用

​ JavaScript 函数有 4 种调用方式，每种方式的不同在于 this 的初始化。一般而言，在Javascript中，this指向函数执行时的当前对象。

1.4.4 闭包

​ 私有变量可以用到闭包。

1.5 其他

1.5.1 注释

1.5.2 throw、try、catch

function myFunction() {
  var message, x;
  message = document.getElementById("p01");
  message.innerHTML = "";
  x = document.getElementById("demo").value;
  try { 
    if(x == "") throw "值是空的";
    if(isNaN(x)) throw "值不是一个数字";
    x = Number(x);
    if(x > 10) throw "太大";
    if(x < 5) throw "太小";
  }
  catch(err) {
    message.innerHTML = "错误: " + err + ".";
  }
  finally {
    document.getElementById("demo").value = "";
  }
}

1.5.3 null、undefined

标签：myFunction,函数,对象,cars,JavaScript,基础,var
来源： https://blog.csdn.net/qq_43342381/article/details/118459070