JAVAScript第一天

js三部分

1.ECMAScript(js核心语法部分)
2.DOM（文档对象模型）
3.BOM(浏览器对象模型)

js引入方式

1.行内嵌入javascript代码（写在body里）

按钮

2.内部js代码（写在body里）

3.外部js代码（写在body下面，/html上面）

js注释

1.单行注释
//注释内容
2.多行注释
/*
注释内容
*/

js语法

变量的声明
var a;
变量的赋值
a=10;

js输出方式

1.文档输出 document （body里的内容）

document.write(“这是通过document.write输出的内容”)

2.控制台输出 console

console.log(“打印的内容”);
console.info(“打印的信息”);
console.warn(“警告”);
console.error(“错误”);

3.窗口输出 window

window.alert(“这是警告框”);
window.confirm（确认的内容）
window.prompt（提示的标题，默认提示内容）

js的入口函数

当文档（包含图片，音视屏等资源）加载完成后执行
window.οnlοad=function(){

}

js变量

字面量 固定的值

变量 可变的量

变量的声明 var let
var a； 变量名a
a=10; 变量赋值
console.log(a); 使用a变量

常量 不可变的量

const

js命名规则

1.不可以使用关键字或保留字命名，不能超过255字符
2.不能使用纯数字命名
3.变量以字母为开头
4.命名尽量语义化
5.驼峰命名 headerwarp
6.以数据类型为开头
7.区分大小写

js变量的声明提升

1.var有声明提升 提升到所有代码前面
必须先声明后使用
2.// undefined 先使用 后生声明
console.log(a);
var a=10;
3.// c is not defined 未声明 直接使用
console.log©;
// var b;
//console.log(“b:”,b);

js数据类型

1.基本数据类型
混合数据类型

2.值类型

// Number:数字
var num=10;

// String:字符串
var str1="hello wrold";
var str2='hello China';
var str3=`hello Nanjing`;//反引号ES6新增的模板字符串

// Boolean:布尔值
var bool1=true;
var bool2=false;

// Undefined:未定义
var un;

// Null:空
var kong=null;

// Symbol:ES6中新增的原始数据类型，表示独一无二的值
var web21=Symbol("这是web21班");引用数据类型

引用数据类型

// Object 对象
var obj={
    name:"张三",
    age:18
}

// Array 数组
var arr=[1,2,"a",{}];

// Function 函数/方法
function func(){
    // 方法执行的代码
}

数据类型判断

typeof操作符:用于获取一个变量或表达式的数据类型
typeof(变量或表达式)
instanceof操作符:用于判断一个引用类型（值类型不可用）属于那种类型
a instanceof b a是否是b的引用 true false