JavaScript学习

一.HTML、CSS、JS的区别

HTML:决定网页的结构和内容（结构）。

CSS：决定网页的样式（样式）。

JS;决定业务逻辑和网页控制（行为）。

二.JS的组成部分

1.JavaScript 包括 ECMAScript、DOM、BOM。

ECMAScript：

规定了JS的编程语法和基础核心知识。

DOM文档对象模型：

是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对

页面的各种元素进行操作。

BOM浏览器对象模型：

提供独立于内容的、可与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗

口，如弹出框、控制浏览器跳转、获取分辨率等。

三.输入输出语句

标签	作用
alert（msg）；	浏览器弹出提示框
console.log(msg);	浏览器控制台打印输出信息
prompt(info);	弹出输入框，可输入信息
confirm(info);	弹出一个确认框

 

四.变量名命名规则

1、变量命名必须以字母、下划线”_”或者”$”为开头。其他字符可以是字母、_、美元符号或数字。
2、变量名中不允许使用空格和其他标点符号，首个字不能为数字。
3、变量名长度不能超过255个字符。
4、变量名区分大小写。(javascript是区分大小写的语言)
5、变量名必须放在同一行中。
6、不能使用脚本语言中保留的关键字、保留字、true、false 和 null 作为标识符。
截止到目前为止JS描述了一组具有特定用途的关键字，一般用于控制语句的开始或结束,或者用于执行特定的操作等。关键字也是语言保留的，不能用作标识符。

五.变量声明的两种情况

1.先声明再赋值

2.声明的同时赋值

 注：未声明变量直接显示打印报错。

六.var let const 区别

var：声明全局或局部作用域的变量,没有块级作用域

 // 使用var声明全局或局部作用域的变量

        // 一次声明一个变量
        var name;

        // 一次声明多个变量，不同变量之间用逗号隔开
        var name,gender,age

        // 在声明的同时初始化变量
        var name = '张华'

        // 在声明的同时初始化全部或者部分变量
        var name = '张华',gender = '男',age

        // 使用var声明的变量，可以多次赋值，但是其结果只与最后一次赋值有关
        var name = '张华';
        name = '王红';
        name = 3;
        console.log(name);

// 【作用】
        // 1.设置变量
        // 2.和let非常类似

        // 语法
        // 1.声明变量
        var food
        // 2.声明变量+初始值
        var noodle = '重庆小面'
        // 3.重新赋值
        noodle = '兰州拉面' 
        console.log(noodle); //兰州拉面

        // 【注意点1：变量会提升】
        console.log(num);
        var num = 10;

        // 【注意点2：没有块级作用域) 
        for(var i = 1; i < 5 ; i++){
            console.log('循环内' + i);
        }
        console.log('循环外' + i);

let：使用let声明具有块级作用域的变量，声明格式和使用var声明变量的格式完全相同。

// 一次性声明一个变量。
        let name;
        // 一次性声明多个变量，不同变量之间使用逗号隔开。
        let name1,gender,age;

        // 在声明的同时初始化变量
        let name2 = '张华'

        // 在声明的同时初始化全部或者部分变量
        let name3 = '张华',gender1 = '男',age2

        // 使用let声明的变量，可以多次赋值，但是其结果只与最后一次赋值有关
        var name4 = '张华';
        name4 = '王红';
        name4 = 3;
        console.log(name4);

let具有块级作用域

        // [注意点1-不允许重复声明]
        // Let不允许在相同作用域内，重复声明同一个变量
        // function func() {
        //  let a = 10;
        //  var a = 10;
        // }
        // function func(){
        // let a = 10;
        //  let a = 1；

const：使用var和let声明的变量可以改变，const不可以改变，使用const声明变量时，必须给变量赋初值。且该值在运行过程中不能被修改。另外，此变量也不能多次声明。

const a = [];
        a.push('过过过');
        console.log(a);console.log(a.length); //1
        a.length = 0;//可执行
        console.log(a.length); //0

        a =['冲冲冲'] //Assignment to constant variable.(分配给常量变量。)
        console.log(a);