01-JavaScript入门

1.1JavaScript介绍

JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：

1. HTML 定义了网页的内容
2. CSS 描述了网页的布局
3. JavaScript 控制了网页的行为

JAvaScript包括：ECMAScript、DOM、BOM

JavaScript是脚本语言

JavaScript 是一种轻量级的编程语言。

JavaScript 是可插入 HTML 页面的编程代码。

JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。

1.2 快速入门

• 引入方式

1. 行内式
2. 内嵌式
3. 外链式

行内式：

<!-- 1. 行内式的js 直接写到元素的内部 -->
<input type="button" value="唐伯虎" onclick="alert('秋香姐')">

内嵌式：

<script>
    document.getElementById("btn").onclick=function () {
        alert("点我干嘛？");
    }
</script>

外链式：

<script src="js/my.js"></script>

2、JavaScript基本语法

2.1、注释

• 单行注释

// 注释的内容

• 多行注释

/*
注释的内容
*/

2.2输入输出语句

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

2.3、变量与常量

• 定义一个变量

// 1.定义局部变量
var name;
name = '张若尘';
let age;
age = 20;
// 2.变量的初始化(声明并赋值)
var sex = '男'
console.log(name+'今年'+age+'岁了,是个'+sex+'孩子')

• 定义一个常量

// 3. 定义常量
const PI = 3.1415926;
console.log(PI);

注意:常量定义后不能再赋值

2.4 定义变量的关键词:

关键词	变量提升	作用域
var	存在
let(es6)	不存在	存在块级作用域
const(es6)	不存在	存在块级作用域,赋值后不可改变

2.5 更新变量:

// 初始化变量
var num = 10;
// 更新变量
num = 20;
console.log(num); // 结果是20

2.6 同时声明多个变量:

// 声明多个变量
var name = '张若尘',age = 20,sex = '男';
// 变量之间用英文逗号隔开

2.7 变量的命名规范

1. 变量名由字母(a-zA-Z),数字(0-9),下划线(_),美元符号($)组成;
2. 变量名严格区分大小写,eg:app和App是两个不同的变量;
3. 不能使用关键字保留字命名;
4. 命名必须有意义,eg:年龄>>>age
5. 遵守驼峰命名法:第一个首字母小写,从第二个单词开始首字母大写,eg:myFirstName