【黑马程序员济南】 前端与移动开发就业班笔记JS进阶:Day01

输出语句常用输出语句

代码注释

//单行注释

/* 多行注释 */

书写多行注释的时候注意不要发生嵌套

/**+ 回车 用于函数的说明

书写位置

可以写在HTML页面内的任意位置或者从外部引用（可以类比样式代码的书写位置）

script标签的属性

type类型 src 地址

async异步加载，加载完成立即执行 defer异步加载，页面上的东西都执行完了才执行（了解即可!!!）

变量的命名规范

规则(必须遵守)

区分大小写

不能是关键字和保留字

由字母、数字、下划线、$ 组成且开头不能是数字

tips:关键字和保留字那么多，记不住怎么办？

首先，关键字就是你平时用的那些，而保留字在非严格模式下不能使用的只有：

class enum extends super const export import

而且，其实如果你使用了关键webstorm是有提示的，但是常见的几个最好还是记住

规范(建议遵守)

变量的名称要有实际意义

规则中所说的字母包括ASCII和Unicode字母字符，如汉字，但不推荐使用

变量的命名遵守驼峰命名法，首字母小写,第二个单词的首字母大写 例如：userName

变量的声明赋值

书写格式

var 变量名 = 值

弱类型

JavaScript是弱类型的语言，即声明不同数据类型的变量使用同一个关键字var

数据类型

声明的时候不用考虑类型，但是处理和计算的时候要考虑类型

基本数据类型

number数值型 string字符串型 boolean布尔型 undefined 未定义 null空

复杂数据类型

object对象

使用typeof关键字可以查看变量的数据类型

1.2.2.  数值类型

@数值类型

字面量

var num = 数字;

浮点数

计算浮点数时会丢失精度

我们通常用整数的计算来表示浮点数的计算

不要以两个浮点数是否相等作为条件判断的依据（判断范围还是可以的）

NaN

NaN是数值类型

NaN不等于自身

isNaN( ) 不是有意义的数值返回true

字符串类型

字面量

var str = “字符串”;

字符串的长度

str.length

length就是长度的意思

转义符

\n 换行 \’单引号 \”双引号 \\斜杠

字符串的不可变性

布尔类型

所有类型的值都可以转化成布尔值

会转化成false的值有： 空字符串 数值零NaN undefined null

undefined类型

@undefined

表示声明但未赋值的变量

类型转换

转换成字符串

将任意类型转化为字符串

String(值)

大部分类型都有toString方法

值.toString(进制)

小技巧

值+””

转化成数值型

将任意类型转化为数值型

Number(值)

将字符串转化为数值

parseInt(“字符串”)  parseFloat(“字符串”)

小技巧

值-0

转化成布尔值

将任意类型转化为布尔值

Boolean(值)

小技巧

!!值

操作符

一元运算符

递增和递减

递增++ 递减--

a++ 先参与运算 后自加

++a 先自加 后参与运算

逻辑运算符

短路操作

&&和||都采取短路操作，即第一个能够决定结果就不再看第二个了

console.log(false && 不管了);

//&& 必须两个都是true才是true 看到第一个是false就没有必要继续完后看了

console.log(true || 不管了);

//|| 必须两个都是false才是false 看到第一个是true就没有必要继续完后看了

比较其他类型的值

在JS中其他类型的值也可以参与逻辑运算，并且采用的是短路操作。

赋值运算符

a+=b 等价于 a=a+b

运算符的优先级

尽量记，记不住可以查，或者使用括号

选择语句if

[JavaScript] 纯文本查看 复制代码

    if (condition) {
        statement1
    } else if (condition) {
        statement2
    } else {
        statement3
    }

三元表达式

表达式1 ? 表达式2 : 表达式3

选择语句switch

   

[JavaScript] 纯文本查看 复制代码

 switch (expression) {[/font][/align][font=微软雅黑]        case value:
            statement
            break;
        case value:
            statement
            break;
        default:
            statement
    }

循环语句for

[JavaScript] 纯文本查看 复制代码

for (initialization; expression; post-loop-expression)｛
        statement
｝

initialization表示：初始化表达式  

expression表示：控制表达式  

post-loop-expression表示：循环后表达式  

三者都是可选的

循环语句for

break和continue

break跳出当前循环，执行循环后的语句

continue跳出当前循环，继续执行循环

循环语句while

while语句 先判断后执行

[JavaScript] 纯文本查看 复制代码

while(expression) statement
[align=left]

do while 语句 先执行后判断

[JavaScript] 纯文本查看 复制代码

do {statement} while (expression);

【黑马程序员济南】 前端与移动开发就业班笔记JS进阶:Day01

输出语句常用输出语句

代码注释

//单行注释

/* 多行注释 */

书写多行注释的时候注意不要发生嵌套

/**+ 回车 用于函数的说明

书写位置

可以写在HTML页面内的任意位置或者从外部引用（可以类比样式代码的书写位置）

script标签的属性

type类型 src 地址

async异步加载，加载完成立即执行 defer异步加载，页面上的东西都执行完了才执行（了解即可!!!）

变量的命名规范

规则(必须遵守)

区分大小写

不能是关键字和保留字

由字母、数字、下划线、$ 组成且开头不能是数字

tips:关键字和保留字那么多，记不住怎么办？

首先，关键字就是你平时用的那些，而保留字在非严格模式下不能使用的只有：

class enum extends super const export import

而且，其实如果你使用了关键webstorm是有提示的，但是常见的几个最好还是记住

规范(建议遵守)

变量的名称要有实际意义

规则中所说的字母包括ASCII和Unicode字母字符，如汉字，但不推荐使用

变量的命名遵守驼峰命名法，首字母小写,第二个单词的首字母大写 例如：userName

变量的声明赋值

书写格式

var 变量名 = 值

弱类型

JavaScript是弱类型的语言，即声明不同数据类型的变量使用同一个关键字var

数据类型

声明的时候不用考虑类型，但是处理和计算的时候要考虑类型

基本数据类型

number数值型 string字符串型 boolean布尔型 undefined 未定义 null空

复杂数据类型

object对象

使用typeof关键字可以查看变量的数据类型

1.2.2.  数值类型

@数值类型

字面量

var num = 数字;

浮点数

计算浮点数时会丢失精度

我们通常用整数的计算来表示浮点数的计算

不要以两个浮点数是否相等作为条件判断的依据（判断范围还是可以的）

NaN

NaN是数值类型

NaN不等于自身

isNaN( ) 不是有意义的数值返回true

字符串类型

字面量

var str = “字符串”;

字符串的长度

str.length

length就是长度的意思

转义符

\n 换行 \’单引号 \”双引号 \\斜杠

字符串的不可变性

布尔类型

所有类型的值都可以转化成布尔值

会转化成false的值有： 空字符串 数值零NaN undefined null

undefined类型

@undefined

表示声明但未赋值的变量

类型转换

转换成字符串

将任意类型转化为字符串

String(值)

大部分类型都有toString方法

值.toString(进制)

小技巧

值+””

转化成数值型

将任意类型转化为数值型

Number(值)

将字符串转化为数值

parseInt(“字符串”)  parseFloat(“字符串”)

小技巧

值-0

转化成布尔值

将任意类型转化为布尔值

Boolean(值)

小技巧

!!值

操作符

一元运算符

递增和递减

递增++ 递减--

a++ 先参与运算 后自加

++a 先自加 后参与运算

逻辑运算符

短路操作

&&和||都采取短路操作，即第一个能够决定结果就不再看第二个了

console.log(false && 不管了);

//&& 必须两个都是true才是true 看到第一个是false就没有必要继续完后看了

console.log(true || 不管了);

//|| 必须两个都是false才是false 看到第一个是true就没有必要继续完后看了

比较其他类型的值

在JS中其他类型的值也可以参与逻辑运算，并且采用的是短路操作。

赋值运算符

a+=b 等价于 a=a+b

运算符的优先级

尽量记，记不住可以查，或者使用括号

选择语句if

[JavaScript] 纯文本查看 复制代码

    if (condition) {
        statement1
    } else if (condition) {
        statement2
    } else {
        statement3
    }

三元表达式

表达式1 ? 表达式2 : 表达式3

选择语句switch

   

[JavaScript] 纯文本查看 复制代码

 switch (expression) {[/font][/align][font=微软雅黑]        case value:
            statement
            break;
        case value:
            statement
            break;
        default:
            statement
    }

循环语句for

[JavaScript] 纯文本查看 复制代码

for (initialization; expression; post-loop-expression)｛
        statement
｝

initialization表示：初始化表达式  

expression表示：控制表达式  

post-loop-expression表示：循环后表达式  

三者都是可选的

循环语句for

break和continue

break跳出当前循环，执行循环后的语句

continue跳出当前循环，继续执行循环

循环语句while

while语句 先判断后执行

[JavaScript] 纯文本查看 复制代码

while(expression) statement
[align=left]

do while 语句 先执行后判断

[JavaScript] 纯文本查看 复制代码

do {statement} while (expression);