JS原生编程|极客笔记

JS原生编程

在Web开发中，JavaScript是一种非常重要的编程语言，它可以用来实现网页交互和动态效果。虽然现在有很多流行的框架和库可以简化JavaScript开发的工作，但了解JS的原生编程方式仍然是非常重要的。本文将深入探讨JS原生编程的相关内容，包括变量、数据类型、运算符、控制结构、函数等方面。

变量和数据类型

在JavaScript中，变量是用来存储数据的容器。在声明变量时，可以使用var、let或const关键字。其中var是ES5中引入的关键字，let和const是ES6中引入的关键字。

var name = 'Alice';
let age = 30;
const PI = 3.14;

// 输出变量的值
console.log(name); // Alice
console.log(age); // 30
console.log(PI); // 3.14

JavaScript中有多种数据类型，包括基本数据类型和引用数据类型。基本数据类型包括字符串、数字、布尔值、undefined和null。引用数据类型包括对象、数组和函数。

// 字符串
var str = 'Hello World';

// 数字
var num = 123;

// 布尔值
var isTrue = true;

// undefined和null
var x;
var y = null;

// 对象
var person = {
  name: 'Bob',
  age: 25
};

// 数组
var fruits = ['apple', 'banana', 'orange'];

// 函数
function greet(name) {
  console.log('Hello, ' + name);
}

运算符

在JavaScript中，有多种运算符可以用来进行数学运算、逻辑运算和字符串拼接等操作。常见的运算符包括算术运算符、比较运算符、逻辑运算符和赋值运算符。

// 算术运算符
var a = 10;
var b = 5;
console.log(a + b); // 15
console.log(a - b); // 5
console.log(a * b); // 50
console.log(a / b); // 2

// 比较运算符
console.log(a > b); // true
console.log(a < b); // false
console.log(a === b); // false
console.log(a !== b); // true

// 逻辑运算符
var x = true;
var y = false;
console.log(x && y); // false
console.log(x || y); // true
console.log(!x); // false

// 赋值运算符
var c = 10;
c += 5;
console.log(c); // 15
c -= 3;
console.log(c); // 12

控制结构

在JavaScript中，可以使用条件语句和循环语句来控制程序的执行流程。常见的控制结构包括if-else语句、switch-case语句、for循环和while循环。

// if-else语句
var score = 80;
if (score >= 60) {
  console.log('及格');
} else {
  console.log('不及格');
}

// switch-case语句
var day = 'Monday';
switch (day) {
  case 'Monday':
    console.log('周一');
    break;
  case 'Tuesday':
    console.log('周二');
    break;
  default:
    console.log('其他日期');
}

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

// while循环
var n = 0;
while (n < 5) {
  console.log(n);
  n++;
}

函数

在JavaScript中，函数是一种可重复调用的代码块。函数可以接收参数并返回值，也可以没有参数和返回值。定义函数时使用function关键字。

// 带参数和返回值的函数
function add(x, y) {
  return x + y;
}
console.log(add(3, 5)); // 8

// 没有参数和返回值的函数
function greet() {
  console.log('Hello World');
}
greet();