JavaScript核心与进阶（一）

一、必备软件

截图软件

鼠标放到某一颜色地方会显示颜色，按C键复制该颜色

二、Javascript基础

1、概念

2、组成

①、ECMAScript

②、Web APIs

2、书写位置

①、内部书写

直接写在html文件里面，用script包住

规范：script标签应该写在</body>的上面

注意事项：<script>一般放在html文件底部附近，是因为浏览器会进行顺序加载html

如果script在上面，可能会修改下方的html文件，导致html还没有被加载就失效了

拓展：alert（‘你好，js’）   页面弹出警告框alert

②、外部书写

代码写在以.js结尾的文件中

语法：通过script标签，引入到html页面

注意：外部书写时，script标签中间无需写代码，否则会被忽略

           内部书写时，代码写在script标签中间

③、（行内）内联JavaScript

代码写在标签里面（了解就可以）

3、注释

①、单行注释 ctrl + / （//）

②、多行注释shift + alt + a （/* */）

4、结束符 ；

可以加，可以不加，推荐不加

5、输入与输出

①、输出语法

-1-    document.write（‘ ’）

【示例】

-2-   alert（‘ ’）

-3-    console.log（‘ ’）

如果里面是变量名时，就不用加引号，直接写变量名就好了

【示例】黄色为简写，选择第二个log，然后直接在（）中书写就好了

②、输入 prompt（‘ ’）

【示例】

③、代码执行顺序

6、字面量

7、变量

①、变量声明 let

关键字+变量名（标识符）

注意：let不允许多次声明同一个变量

           可以一个let声明多个变量，两个变量之间用逗号隔开

          

但是：提倡一次声明一个

【示例】

②、变量的更新

错误

正确

③、变量的本质

④、命名规则

①let nav-bar ②let 1num ③let if ④let na@me   都是错误的 

①let _name  ②let $name 合法

建议：

⑤、let 与 var 区别

8、数组

①、声明语法

中文要加引号，中间用逗号隔开，逗号后面跟一个空格

数组里面可以存储任意类型的数

【示例】

②、使用数组

数组下标（索引、编号）从0开始

数组名 [下标]

注意：length 属性可以获得数组长度   arr.length

           数组长度 = 下标 + 1

9、常量

常量 不允许重新赋值，声明的时候必须赋值

10、数据类型

 

①、数字类型

-1- 运算符

+    -     *    /    %

-2- 优先级顺序

-3- NAN

返回结果都是NAN

②、字符串类型string

注意事项

转义符

字符串引号里面再加引号，只能加双引号，不能再加单引号

错误

正确

-1-   字符串拼接  +  

只要有一个字符串，相加之后，结果会变为字符串

-2-  模版字符串

【示例】

会输出  ：  我今年20岁了

③、布尔类型（boolean）

④、未定义类型（unefined）

⑤、空类型 null

⑥、检测数据类型

⑦、类型转换

-1-  隐式转换

注意： 只有加号会转换字符串

1. 当正号时，可以转换为数字类型

2. 当加号两边只要有一个字符串时，会将另一个也转换为字符串

-2- 显示转换

<1>Number

tip：后面框内的两种都是转换成功的类型

<2>parseInt

<3>parseFloat

11、常见错误

①

②

③

④

⑤

12、运算符

①、赋值运算符

将等号右边的值赋给左边，要求左边必须是一个容器

【示例】

②、一元运算符（自加++ 自减-- ）

只需要一个表达式就可以运算的运算符

通常用来计数

开发中，一般都单独使用，后置++更多

前置自增与后置自增的区别

前置自增

后置自增

③、比较运算符

 

注意：1. 比较运算符有隐式转换，会把字符型转化为数字型

           2.  以后若要判断是否相等请用 ===

           3.  NAN不等于任何值，包括它本身，涉及到 NAN 都是 fasle

           4. 尽量不要比较小数，小数有精度问题

【例】 if（ number === 2 ）

【示例】

④、逻辑运算符

13、运算符的优先级

 14、语句

①、表达式和语句的区别

这周的分享就到这里啦，我们下周同一时间同一地点不见不散！！！