开启掘金成长之旅！这是我参与「掘金日新计划 · 2 月更文挑战」的第 1 天，点击查看活动详情

1. js引入方式

js有三种引入方式

1. 内部js

    <script>
        alert('hello world!')
    </script>

2. 外部js

    <script src="./外部js.js"></script>

3. 内联js

    <button onclick="alert('月薪过万')">点我</button>

2. 计算机组成

硬件
- 输入设备
- 输出设备
- CPU
- 硬件
- 内存
软件
- 系统软件
- 应用软件

3. JavaScript组成

JavaScript:

ECMAScript ：JavaScript语法
DOM ：页面文档对象模型
BOM ：浏览器对象模型

dom bom 统称 api

4. 注释

单行注释 Ctrl+/
多行注释默认 shift+alt+a

5. 输入输出语句

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器

示例：

输入框 prompt

//这是一个输入框 prompt
prompt('请输入您的年龄')

alert 弹出警示框输出的，给用户看

// alert 弹出警示框 输出的，给用户看
alert('计算的结果是')

console 控制台输出，给程序员看的

console控制台,log日志

//console 控制台输出，给程序员看的
// console控制台 log日志
console.log('我是程序员能看到的')

document 文档的意思 write 写

//document 文档的意思    write 写
document.write('我愿意')
document.write('<h1>我愿意</h1>')

6. 变量

变量使用方法：

声明
赋值
输出结果

    //1.声明 声明了一个age变量
    var age;
    //2.赋值 把值存入变量中
    age = 10;
    //3.输出结果
    console.log(age);

也可以一步搞定声明和赋值

    //4.变量的初始化
    var myname='pink';
    console.log(myname);

例：

    var name = '卡卡西';
    var address = '火影村';
    var age = 18 ;
    var email = '11111@qq.com' ;
    var gz = 2000;
    console.log(name);
    console.log(address);
    console.log(age);
    console.log(email);
    console.log(gz);

最最最简单的例子，分别声明并赋值变量，再一一打印出来。

6.1 用户输入用户名案例

那么，如何使用上述的知识点实现一个用户输入用户名并显示的功能呢。

步骤分解为：

用户输入姓名存储到uname变量里
输出用户名

        //1.用户输入姓名 存储到uname变量里
        // let uname = prompt('请您输入姓名：')
        //或
        var uname = prompt('请输入您的姓名');
        //2.输出用户名
        // document.write(uname)
        // 或
        alert(uname);

6.2 变量语法扩展

当更新变量时：

原有的值会被覆盖

如：

    var age = 10;
    age = 18;
    console.log(age);

console.log打印出的age为18。

同时声明多个变量

一个var，多个变量之间用 , 分开

var age = 10 ,name = 'pink' ,sex = 2;

声明变量的特殊情况

情况	说明	结果
var age;console.log(age);	只声明，不赋值	undefined
console.log(age);	不声明，不赋值，直接使用	报错
age=10;console.log(age);	不声明，只赋值	10

6.3 变量名命名规范

6.4 交换变量

交换变量的实现方法：

声明并赋值变量
重新声明一个新变量，用于暂时存储数据
将num1的值暂时交给temp存储
将num2的值赋值给num1
将temp的暂存的值赋值给num2

诀窍：

在这个交换过程中，这3个赋值语句，第一句的前面那个和最后一句的后面那个是一致的，中间类似于语文中的“顶真”，“前一句的末尾是下一句的开头”。temp = num1; num1 = num2; num2 = temp同一个变量总是紧挨在一起。

        let num1 = '刘德华'
        let num2 = 'pink老师'
        let temp
        temp = num1
        num1 = num2
        num2 = temp
        console.log(num1, num2)

JavaScript基基基础