js

2020-12-31 09:56:58 +08:00 · 2020-12-31 09:56:58 +08:00 · 2ac1c5b5b9
commit 2ac1c5b5b9
parent b102698d90
3 changed files with 147 additions and 2 deletions
--- a/javascriptpress/1.javascript基础.md
+++ b/javascriptpress/1.javascript基础.md
@ -148,7 +148,7 @@ var name = "我的名字";
 var age;
 age = 18;
 ```
-创建变量是用var 关键字 创建规则是 `var 变量名 = 变量值` 如果不想赋值初始值的话 `var 变量名` 就是创建一个空的变量
+创建变量是用var 关键字 创建规则是 `var 变量名 = 变量值` 如果不想赋值初始值的话 `var 变量名` 就是创建一个空的变量 之后用到的时候直接用变量名就可以 因为变量只需要声明一次 就是可以先声明站位 之后需要给赋值的时候再给值
 ```html
 <html>
    <head>
@ -171,7 +171,8 @@ age = 18;
    <head>
        <title>javascript演示</title>
        <script>
-            var name = "hello world";
+            var name;
+            name =  "hello world";
            alert(name);
        </script>
    </head>
--- a/javascriptpress/2.javascript基础.md
+++ b/javascriptpress/2.javascript基础.md
@ -0,0 +1,129 @@
+# javascript 基础
+## 函数
+上节中提到了函数 但是没有仔细说 这节仔细讲一下函数
+
+### 函数声明
+定义变量有关键字var 定义函数也有一个 但是在定义函数的时候不叫定义函数 而叫声明函数 意思是一样的 只是叫法不同
+
+### 语句
+在说明函数之前 先看一下什么是语句
+
+语句就是一个对浏览器要做的事情 比如上节中的`var name = "name"` 这就是一个语句
+
+- 关键字 var 告诉浏览器 定义一个变量
+- 名字是 var后面跟着的 是name
+- 然后 = 赋值 将“name” 赋值给name这个变量
+
+这就是一条语句
+```javascript
+var name = "啦啦啦";
+var age = 18;
+```
+上面的例子有两条语句 语句后面要用;结束 但是在javascript中 解释器会自动判断语句的结束 但是在特殊时候可能并不太准确 所以最好可以添加分号
+```javascript
+var name = "啦啦啦"
+var age = 18
+```
+不加分号跟上面添加分号的效果相同
+
+在javasctipt中 所有告诉浏览器执行的都叫语句
+
+```javascript
+var name; 定义一个变量 名字叫name
+name = "啦啦啦"; 将 啦啦啦 这个字符串 赋值给name
+"啦啦啦"; 创建一个内容是 啦啦啦 的字符串
+```
+### 创建函数
+说完语句然后在来看看 如何创建函数
+```javascript
+function name(){
+    var name = "啦啦啦";
+    var age = 18;
+    alert(name);
+}
+
+```
+上面的例子中
+- function 声明函数的关键字 后面跟名字
+- name 函数的名字 命名规则跟变量是一样的
+- () 下面再说
+- {} 中间就是函数要执行的语句
+
+函数就是包含这些东西
+
+但是函数如何使用呢？
+```html
+<html>
+    <head>
+        <title>javascript演示</title>
+        <script>
+            function hello(){
+                var name = "啦啦啦";
+                var age = 18;
+                alert(name);
+            }
+        </script>
+    </head>
+    <body>
+        <button onClick="hello()">点我运行hello这个函数</button>
+    </body>
+</html>
+```
+定义了一个hello的函数 内容是弹出name的值 html中有一个button用于调用这个函数 如何调用呢？
+
+在button中看到一个 onClick 属性 值是hello() 在html中 几乎所有元素都有onClick属性 这个属性的值是要运行的javascript的函数名字 + ()
+
+为什么要加()呢 因为在变量那边说了 如果只有名字的话是取值 函数也是一样的 声明函数之后 用函数名字的话 只会拿到函数的内容 想要执行这个函数的代码内容的话 需要在函数名字后面加上() 表示运行这个函数
+
+这是在html中使用函数 但是还有一个疑问 声明函数的时候函数的代码内容会不会运行呢？ 带案是不会 因为声明的时候只会把函数代码内容经过解释器处理赋值给hello这个变量里面
+
+声明的函数也是一个变量 只是关键字不一样 用的是function  因为function 声明的都是函数 所以在用的时候都会说是声明一个函数 而不是声明一个名字为 hello的变量 值是一个函数
+
+## 函数传参
+在上面说了如何声明函数 和函数如何调用 那么来说一下函数如何传参
+
+什么是参数呢？ 在生活中 比如我们要做一些事情 有些事情需要一些参数 比如你要去 超市买东西 结算的时候 收银员需要告诉你多少钱 你才能给他多少钱 而且在给的时候还要考虑带没带够钱或者能不能支付的起
+
+下面就实现一个这个函数
+- 告诉函数现在有多少钱
+- 告诉函数需要付多少钱
+- 函数需要判断现在的钱够不够
+- 如果足够告诉我们购买后还剩多少钱
+
+## 预备知识
+
+### 数据类型
+在javascript中 有很多类型的数据 前面说了有 数字和字符串 (number string)还有其他的
+
+- string
+- number
+- boolean
+- function
+- undefined
+- object
+
+#### boolean
+只有 true 和 false 两个值 一个是真 一个是 假 就是他是不是的意思
+比如 1 + 1 = 2 正确 就是true
+在比如 1+1 = 3 错误 所以是fasle
+
+
+
+
+上节中说了数字之间的加法 字符串也可以相加 但是字符串的相加是直接拼接起来 字符串与数字相加也会将字符串与数字拼接起来 然后返回一个字符串 (类型后面会讲)
+
+例如
+```javascript
+var name = "我的名字是:" + "啦啦啦"
+var age = "我的年龄是:" + 18
+```
+- name的值是 我的名字是:啦啦啦
+- age的值是 我的年龄是:18
+
+就是这么简单的拼接
+
+#### 条件语句
+if else
+
+这个是一个条件语句 就是判断条件是否成立 如果成立会做什么事情 如果不成立要做什么事情
+
--- a/javascriptpress/demo/demo5.html
+++ b/javascriptpress/demo/demo5.html
@ -0,0 +1,15 @@
+<html>
+    <head>
+        <title>javascript演示</title>
+        <script>
+            function hello(){
+                var name = "啦啦啦";
+                var age = 18;
+                alert(name);
+            }
+        </script>
+    </head>
+    <body>
+        <button onClick="hello()">点我运行hello这个函数</button>
+    </body>
+</html>