【无标题】

JS作者：布兰登·艾奇(Brendan Eich)

1995诞生，Netscape(网景) Navigatror 和 Sun 合作 Java

LiveScript

1997 将Javascript1.1作为蓝本提交给欧洲计算机制造商协会(ECMA)

ECMAScript(核心语法)

宿主：在哪里运行

浏览器 node Adobe Flash

一、Javascript分为三部分：

1、ECMAscript（js核心语法部分）。

2、DOM（文档对象模型）Document Object Model。

3、BOM（浏览器对象模型） Browser Object Model。

二、Javascript引入方式（三种）

1、行内嵌入JavaScript代码。

例：

<button οnclick="javascript:alert('行内嵌入js')">按钮</button>

2、内部JS代码。

<script type="text/javascript">

 编写js代码

 console.log("内部js代码")  

</script>

3、外部JS代码

 <script src="js文件路径" type="text/javascript"></script>

三、JavaScript的注释

// 单行注释

例：// console.log("单行注释")

console.log("打印")// 注释注释的内容

多行注释

例：/*
var a=10;
var b=20;
声明两个变量
*/

四、JavaScript的语法：

变量

变量的声明

 var a;

变量的赋值

  a=10;

声明方法 func方法名

function func(){
    // 执行的代码
}
// 数据类型
// 操作符
// js语句
// 关键字
// 函数
// ....

五、 JavaScript的输出方式：

1.文档输出 document

document.write("这是通过document.write输出的内容")
// document.getElementById("text").innerText="这是innerText输出的文本"
// document.getElementById("box").innerHTML="这是innerHTML输出的文本"

2.控制台输出 console

console.log("这是控制台输出的日志");
// console.info("这是控制台输出的信息");
// console.warn("警告","这是控制台输出的警告");
// console.error("错误","这是控制台输出的错误");

3.窗口输出 window

window.alert("这是警告框");
// window.confirm("这是确认框");
// window.prompt("这是提示框");

六、JavaScript的入口函数：

代码从上而下加载 防止文档没有加载结束就调用了js代码
console.log(document.getElementById("text"))

七、JavaScript的变量：

字面量 固定的值 1 2 3 4 5

变量 可变的量 容器

变量的声明 var let

var a; //声明变量 变量名为a
console.log(a);
变量赋值 =
a=10;
console.log(a);// 使用a变量
重新给a赋值
a=20;
console.log(a);

同时声明并赋值
var b=100;
console.log(b);

同时声明多个变量
var x=10,y=20,z=30;
console.log(x,y,z);


常量  不可改变的量  const
const web21=10000;
web21=100000;
console.log(web21)


打印h2  
var header2=document.getElementById("text");
console.log(header2);

八、JavaScript变量的命名规则

1.不可以使用关键字或保留字命名,不能超过255个字符

2.不能使用纯数字命名

3.变量以字母,$,_ 为开头

4.命名尽量语义化
5.驼峰命名 headerWrap
6.以数据类型为开头 sText nPrice oHeader
7.区分大小写

*javascript的关键字
abstract else instanceof super
boolean enum int switch
break export interface synchronized
byte extends let this
case false long throw
catch final native throws
char finally new transient
class float null true
const for package try
continue function private typeof
debugger goto protected var
default if public void
delete implements return volatile
do import short while
double in static with============

九、JavaScript变量的声明提升：

// var 有声明提升 提升到所有的代码前面

// 先声明 后使用
console.log(a);// undefined 先使用 后生声明
var a=10;

console.log(c);// c is not defined 未声明 直接使用
// var b;

// console.log("b:",b);

JavaScript的数据类型

1、基本数据类型（number,string,boolean,undefined,null）

混合数据类型（object）

2、值类型（number,string,boolean,undefined,null，symbol）

引用数据类型（object，Array，Function）

值类型++++
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：对象

Array：数组

Function：函数

栈（内存）值类型 独立的储存空间

堆（内存）引用类型，二叉树 引用储存空间的某一块内存

引用数据类型
Object 对象
var obj={
name:"张三",
age:18
}
Array 数组
var arr=[1,2,"a",{}];
Function 函数/方法
function func(){
方法执行的代码
}

十一、JavaScript的数据类型判断

typeof 操作符：用于获取一个变量或表达式的数据类型

用法：

typeof（变量或表达式）

typeof 变量或表达式

instanceof操作符：用于判断一个应用类型（值类型不可用）属于哪种类型。

a instanceof b：a是否是b的引用 true或false

值类型
Number:数字
String:字符串
Boolean:布尔值
Undefined:未定义
Null:空值 用来清空变量 var a=10; a=null;
Symbol:ES6中新增的原始数据类型，表示独一无二的值
var web21=Symbol("这是web21班");
console.log(typeof(web21));// symbol

引用数据类型
Object 对象
var obj={
name:"张三",
age:18
}
console.log(typeof(obj));// object
Array 数组
var arr=[1,2,"a",{}];
console.log(typeof(arr));// object
Function 函数/方法
function func(){
// 方法执行的代码
}
console.log(typeof(func));// function

console.log(arr instanceof Array);// true
console.log(obj instanceof Array);// false
console.log(arr instanceof Object);// true

十二、JavaScript数据类型的转换：

-强制转换-

Number（变量）将变量转换为数字类型 被转换的值为非数字返回NaN（not a number）不是一个数字

string（变量）将变量转换为字符串类型

Boolean（变量）将变量转换为布尔值类型 除了0 "" '' null undefined NaN之外返回true。

parseFloat（变量）将变量转换为浮点类型（小数）

parseInt（变量） 将变量转换为整数类型

变量值的开头为非数字时，返回NaN

-隐式转换-