更新文章
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
# JavaScript函数
|
||||
|
||||
## 基本函数定义
|
||||
```javascript :no-line-numbers
|
||||
function greeter(name)
|
||||
{
|
||||
console.log("Hello, " + name);
|
||||
}
|
||||
```
|
||||
调用函数`greeter('Alice');`
|
||||
|
||||
## 箭头方式定义函数
|
||||
```javascript :no-line-numbers
|
||||
funcGreeter = (name) => {
|
||||
console.log("Hello, " + name);
|
||||
}
|
||||
```
|
||||
如果只有一个参数的函数,可以省掉括号
|
||||
```javascript :no-line-numbers
|
||||
name => {
|
||||
console.log("Hello, " + name);
|
||||
}
|
||||
```
|
||||
如果函数体只包含一个返回语句,可以省略大括号
|
||||
```javascript :no-line-numbers
|
||||
(a, b) => {
|
||||
return a+b;
|
||||
}
|
||||
|
||||
//可以写成
|
||||
(a, b) => a+b;
|
||||
```
|
||||
@@ -0,0 +1,68 @@
|
||||
# JavaScript基本语法
|
||||
|
||||
## 变量
|
||||
声明变量
|
||||
```javascript :no-line-numbers
|
||||
var a = 1;
|
||||
```
|
||||
JavaScript有如下基本的变量类型`Number`, `String`, `Boolean`, `Undefined`, `Null`
|
||||
```javascript :no-line-numbers
|
||||
var a=1; //Number
|
||||
var b="hello"; //String`
|
||||
var c=true; //Boolean
|
||||
var d; //Undefined`
|
||||
var e=null; //Null
|
||||
```
|
||||
JavaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型。
|
||||
```javascript :no-line-numbers
|
||||
var a=1;
|
||||
a="hello";
|
||||
```
|
||||
|
||||
## 流程控制
|
||||
|
||||
### 条件(if...else 结构)
|
||||
```javascript :no-line-numbers
|
||||
if (m === 0)
|
||||
{
|
||||
// ...
|
||||
}
|
||||
else if (m === 1) {
|
||||
// ...
|
||||
}
|
||||
else if (m === 2) {
|
||||
// ...
|
||||
}
|
||||
else { // ... }
|
||||
```
|
||||
### switch 结构
|
||||
```javascript :no-line-numbers
|
||||
switch (fruit) {
|
||||
case "banana":
|
||||
{
|
||||
//...
|
||||
}
|
||||
break;
|
||||
case "apple":
|
||||
break;
|
||||
default:
|
||||
}
|
||||
```
|
||||
### 循环
|
||||
while循环
|
||||
```javascript :no-line-numbers
|
||||
while(condition) {
|
||||
//do something
|
||||
}
|
||||
|
||||
do {
|
||||
//do something
|
||||
}while(condition)
|
||||
```
|
||||
for循环
|
||||
```javascript :no-line-numbers
|
||||
for (var i = 0; i < 3; i++) {
|
||||
console.log(i); // 0 1 2
|
||||
}
|
||||
```
|
||||
和c++一样,`continue`和`break`在循环体中起到同样作用
|
||||
@@ -0,0 +1,14 @@
|
||||
# 环境搭建
|
||||
|
||||
|
||||
## 使用nodejs直接运行
|
||||
1. 下载安装[nodejs](https://nodejs.org/en)
|
||||
2. 创建一个js文件`helloworld.js`
|
||||
```javascript :no-line-numbers
|
||||
var name="Alice";
|
||||
console.log("Hello, " + name);
|
||||
```
|
||||
3. 在命令行中输入如下命令
|
||||
``` :no-line-numbers
|
||||
node helloworld.js
|
||||
```
|
||||
@@ -0,0 +1,9 @@
|
||||
# JavaScript
|
||||
|
||||
* [环境搭建](./helloworld.md)
|
||||
* [基本语法](./grammar.md)
|
||||
* [函数](./function.md)
|
||||
* [对象和类](./object_and_class.md)
|
||||
|
||||
建议的教程网站
|
||||
[廖雪峰的JavaScript教程](https://www.liaoxuefeng.com/wiki/1022910821149312)
|
||||
@@ -0,0 +1,42 @@
|
||||
# 对象和类
|
||||
|
||||
## 对象
|
||||
JavaScript中的对象(object)用于存储各种键值集合和更复杂的实体。例如下面的对象
|
||||
```javascript :no-line-numbers
|
||||
var person = {
|
||||
firstName: 'John',
|
||||
lastName: 'Doe',
|
||||
age: 30,
|
||||
isStudent: false,
|
||||
greet: function() {
|
||||
console.log('Hello, I am ' + this.firstName + ' ' + this.lastName);
|
||||
}
|
||||
print_name() {
|
||||
console.log(lastName + ' ' + firstName)
|
||||
}
|
||||
};
|
||||
```
|
||||
如何使用对象
|
||||
```javascript :no-line-numbers
|
||||
console.log(person.firstName); // 输出: John
|
||||
person.greet(); // 输出: Hello, I am John Doe
|
||||
```
|
||||
|
||||
## 类
|
||||
javascript中的类(class)是用于创建对象的模板,和c++中的类相似,但是需要在`constructor()`函数中声明类成员
|
||||
```javascript :no-line-numbers
|
||||
class User {
|
||||
constructor(name) {
|
||||
this.name = name;
|
||||
}
|
||||
|
||||
greet() {
|
||||
console.log("Hello, I'm " + this.name)
|
||||
}
|
||||
}
|
||||
```
|
||||
使用方法
|
||||
```javascript :no-line-numbers
|
||||
var user = new User("Alice")
|
||||
user.greet()
|
||||
```
|
||||
Reference in New Issue
Block a user