前端--3、JavaScript

• 引入方式：
  • 直接在HTML中写入（了解）
  • 写到文件中引入
• 声明变量
  • 变量赋值方式
  • 单个变量赋值
  • 多变量的变量赋值
• 数据类型
  • 数字and字符串
  • boolean
  • undefined
  • 数据类型的存储
  • 数组
  • 对象
• JS的解释方式
• 运算符
• 字符串的拼接 用+号
• NaN
• 流程控制语句
  • if-else if-else
  • 循环
• 函数
• 匿名函数
• BOM
  • alter(info)
  • confirm(info)
  • prompt()

引入方式：

除了Python外其他语言都没有要求强制缩进。即JS对缩进无要求，只要符合语法即可。
示例中的alter为弹框

#单行注释
//  
#多行注释
/*
    注释
*/

直接在HTML中写入（了解）

<script>
    //第一行JS
    alter(123)
</script>

写到文件中引入

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

声明变量

变量赋值方式

var关键字声明一个字符串是变量。
再给定义的这个变量赋值。

单个变量赋值

<script>
var name;
name="yudong"
</script>
#可以简写为：
var age=3;

多变量的变量赋值

默认以换行符作为作为语句分隔符。也可使用分号作为语句的分隔符

var name="heling"; var age=18

数据类型

打印到屏幕终端。

数字and字符串

// console.log 输出打印到屏幕终端
// typeof 查看数据的数据类型
i=1
f=1.1
s="study"
console.log(i,typeof i);
//number
console.log(f,typeof f);
//number
console.log(s,typeof s);
//string
//不区分数字和浮点型

boolean

有两个值，true、false。逻辑判断
可以理解为数字类型的。True、False为0，1。可用于数字运算

undefined

只有一个值，undefined

遇到这个值的两种情况

• 变量只声明，未赋值。
• 当一个函数没有返回值的时候。

数据类型的存储

引用数据类型全部存在堆里。栈里存的都是基础数据类型。
堆里存的都是栈的内存地址。

数组

可以把多个数据存入其中。
C等语言在声明数组时要声明存储的数据类型

创建方式1:
var arrname = [元素0,元素1,….];          // var arr=[1,2,3];

创建方式2:
var arrname = new Array(元素0,元素1,….); // var test=new Array(100,"a",true);

创建方式3:
var arrname = new Array(长度); 
            //  初始化数组对象:
                var cnweek=new Array(7);
                    cnweek[0]="星期日";
                    cnweek[1]="星期一";
                    ...
                    cnweek[6]="星期六";

对象

映射关系的数据结构。 键加不加引号都可以

var obj = {"Q":"Z"}

可以使用字典的基本操作，如取key的value：obj["Q"]

数组和对象的数据类型都是object。

JS的解释方式

JS先读完整个文件，才开始执行。所以变量的使用可以写在该变量声明的上面。

运算符

#++ --
var i = 1;
i++
console.log(i)

#==
console.log(2=="2")
//返回时true，他在有一端是数字时另一端也会转换成数字> 
#===
//不会转换数据类型，数据类型也必须一样。

#逻辑运算符，与 或 非
&& || !
真真为真，假假为假

字符串的拼接 用+号

NaN

转换数据类型时（即将字符串转换成数字类型）失败了会得到该类型。

流程控制语句

• 分支控制语句 if
• 循环控制语句 for while

JavaScript中使用{}来确认语句块（即满足条件时执行的语句体）。而Python中是使用:和缩进。

if-else if-else

if (表达式1) {
    语句1;
}else if (表达式2){
    语句2;
}else if (表达式3){
    语句3;
} else{
    语句4;
}

循环

• 遍历循环 for
• 条件循环 while JavaScript中都是条件循环。条件不满足就退出

详细见图片。

支持break 和 continue

js中的序列类型用.length都可以得到长度

函数

function funcname(参数) {
    return X;
}

调用时可以传入任意数量的参数，它只接受固定数量的。
接受任意长度的 。
arguments 通过数组，获取所有传入的参数

匿名函数

// 匿名函数
    var func = function(arg){
        return "tony";
    }

// 匿名函数的应用
    (function(){
        alert("tony");
    } )()

    (function(arg){
        console.log(arg);
    })('123')

 

BOM

window 是全局变量，调用时可以不用加window名，alter就是它里面的方法。

alter(info)

用于警告信息，只有确定

confirm(info)

显示带有一段消息以及确认按钮和取消按钮的对话框。 有返回值

prompt()

显示可提示用户输入的对话框。 有返回值

每一个标签都是一个对象