📅  最后修改于: 2023-12-03 15:32:22.418000             🧑  作者: Mango
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"]);
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还有很多其他重要的概念和用法值得学习。