📜  js 代码 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:22.418000             🧑  作者: Mango

JS 代码 - Javascript

Javascript是一种基于对象和事件驱动的高级动态语言,在互联网应用开发中被广泛使用。它通常与HTML和CSS一起使用,用于创建交互式Web页面和Web应用程序。

变量和数据类型

Javascript有6种原始数据类型:字符串(String)、数字(Number)、布尔(Boolean)、空值(null)、未定义(undefined)、和Symbol。变量可以使用var、let和const关键字进行声明。

//声明变量
var x = 5;

//改变变量的值
x = 10;

//声明常量
const y = 20;
控制流程和循环

Javascript有if-else、switch、while、do-while和for等关键字来控制流程和循环。

//if-else语句
if (x > 10) {
  console.log("x大于10");
} else {
  console.log("x小于或等于10");
}

//switch语句
switch (day) {
  case 0:
    text = "星期日";
    break;
  case 1:
    text = "星期一";
    break;
  case 2:
    text = "星期二";
    break;
  default:
    text = "未知"
}

//while循环
while (i < 5) {
  console.log(i);
  i++;
}

//do-while循环
do {
  console.log(i);
  i++;
} while (i < 5);

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

Javascript中的函数可以被声明或作为一个函数表达式定义。

//函数声明
function add(a, b) {
  return a + b;
}

//函数表达式
var multiply = function (a, b) {
  return a * b;
};
对象

Javascript中的对象是由键-值对组成的集合。有两种可以创建对象的方式:对象字面量和构造函数。对象的属性可以通过点运算符或方括号运算符进行访问。

//对象字面量
var person = {
  firstName: "John",
  lastName: "Doe",
  age: 30,
  fullName: function () {
    return this.firstName + " " + this.lastName;
  }
};

//构造函数
function Person(firstName, lastName, age) {
  this.firstName = firstName;
  this.lastName = lastName;
  this.age = age;
  this.fullName = function () {
    return this.firstName + " " + this.lastName;
  };
}

//通过点运算符访问属性
console.log(person.firstName);

//通过方括号运算符访问属性
console.log(person["firstName"]);
DOM 和事件

Javascript可以操作DOM(文档对象模型)来改变HTML和CSS。它还可以处理事件,例如鼠标点击或键盘按键。

//获取DOM元素
var element = document.getElementById("myElement");

//改变DOM元素的文本内容和样式
element.innerHTML = "Hello World";
element.style.color = "red";

//添加事件处理函数
element.addEventListener("click", function () {
  alert("clicked!");
});

以上仅仅是Javascript的简单介绍,Javascript还有很多其他重要的概念和用法值得学习。