Javascript入门学习第一篇 js基础第1/2页

2023年5月17日下午11:27 • JavaScript

下面我将详细讲解“Javascript入门学习第一篇 js基础第1/2页”的完整攻略。

一、前言

Javascript（简称JS）是一种脚本语言，旨在为 HTML 页面和浏览器提供交互性和动态性，是目前互联网上应用最广泛的编程语言之一。

本文是Javascript基础学习系列教程的第一篇，旨在帮助初学者掌握Javascript的基本概念和语法，为进一步学习Javascript打下坚实的基础。

二、Javascript的基本概念

Javascript的基本概念包括变量、数据类型、运算符、流程控制等。下面我们分别进行介绍。

1. 变量

在Javascript中，变量是用于存储数据的容器。变量的声明方式有三种：

使用 var 关键字声明变量

javascript var num = 10;

使用 let 关键字声明变量（ES6新特性）

javascript let num = 10;

使用 const 关键字声明常量（ES6新特性）

javascript const PI = 3.14;

2. 数据类型

Javascript中常见的数据类型包括数字、字符串、布尔值、数组、对象等。判断数据类型的方式有两种：

使用 typeof 操作符

javascript typeof 10 // 返回 "number" typeof "Hello" // 返回 "string" typeof true // 返回 "boolean" typeof [] // 返回 "object" typeof {} // 返回 "object"

使用 instanceof 操作符

javascript 10 instanceof Number // 返回 false "Hello" instanceof String // 返回 false true instanceof Boolean // 返回 false [] instanceof Array // 返回 true {} instanceof Object // 返回 true

3. 运算符

Javascript中常见的运算符包括算术运算符、赋值运算符、比较运算符、逻辑运算符等。下面是一些常用的运算符示例：

var a = 10, b = 2;
a + b    // 算术运算符，返回 12
a += b   // 赋值运算符，相当于 a = a + b，a 的值变成了 12
a == b   // 比较运算符，返回 false
a > b    // 比较运算符，返回 true
a && b   // 逻辑运算符，返回 true

4. 流程控制

Javascript中常见的流程控制语句包括条件语句、循环语句、函数等。下面是一些常用的流程控制语句示例：

// 条件语句示例
var num = 10;
if (num > 5) {
  console.log("num大于5");
} else {
  console.log("num小于等于5");
}

// 循环语句示例
for (var i = 0; i < 5; i++) {
  console.log(i);
}

// 函数示例
function add(num1, num2) {
  return num1 + num2;
}
console.log(add(1, 2));  // 输出 3

三、Javascript基础练习

下面是两个Javascript基础练习的示例：

1. 实现一个闰年判断函数

function isLeapYear(year) {
  if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
    return true;
  } else {
    return false;
  }
}
console.log(isLeapYear(2000));  // 输出 true
console.log(isLeapYear(2001));  // 输出 false

2. 实现一个数组去重函数

function unique(arr) {
  var res = [];
  for (var i = 0; i < arr.length; i++) {
    if (res.indexOf(arr[i]) == -1) {
      res.push(arr[i]);
    }
  }
  return res;
}
console.log(unique([1, 2, 3, 3, 4, 4, 5]));  // 输出 [1, 2, 3, 4, 5]