javascript编程

一.HTML、CSS、JS的区别

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

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

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

二.JS的组成部分

1.JavaScript 包括 ECMAScript、DOM、BOM。

ECMAScript：

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

DOM文档对象模型：

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

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

BOM浏览器对象模型：

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

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

三.输入输出语句

三.js的三种导入方式

JS三种书写方式:

1.行内样式:不推荐，不便于维护

2.内部样式:写在script标签里面，界面JS代码较少时可以用。

3.外部样式:写在js文件中，使用script的src属性导入

外联写法：

五.变量声明的两种情况

1.先声明再赋值

1. 声明的同时赋值

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

六.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 name;

// 一次性声明多个变量，不同变量之间使用逗号隔开。

let name1,gender,age;

// 在声明的同时初始化变量

let name2 = '张华'

// 在声明的同时初始化全部或者部分变量

let name3 = '张华',gender1 = '男',age2

// 使用let声明的变量，可以多次赋值，但是其结果只与最后一次赋值有关

var name4 = '张华';

name4 = '王红';

name4 = 3;

console.log(name4);

// [注意点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);