【无标题】

JS介绍

js组成
1. ECMAScript(js中的一些基本语法、变量、函数、对象等)
2.DOM(document object model 文档对象模型)，可以完成html文档中元素的操作
3.Bom(browse object model 浏览器对象模型)，可以完成对浏览器对象的操作

js特点
1.弱类型语言
2.不是完全的面向对象语言(仅针对于ES6之前)
3.跨平台
4.动态性，事件驱动

js的引入方式
1.内部引入
2.外部引入

3.行间引入
<a href="javascript:alert('休息都是留给死人的')">点击</a> <a href="javascript:console.log('休息都是留给死人的')">点击console</a> <a href="javascript:;">点击不动1</a> <a href="javascript:void(0);">点击不动2</a>

js的基础语法

结合浏览器进行调试的常用方法
1.console.log(‘内容1’，‘内容2’,…) 向控制台输出内容
2.alert(‘输出内容’) 弹出警示框

==异常捕捉==
try{
    // try中书写可能出现异常的代码
    console.log(abc);
}catch(e){
    // 出现异常之后，操作的内容，e就是错误对象，e.message 错误信息 
    // 出现异常后的补救就措施
    console.log(e.message);
    console.log('你的方式出错了');
}

js的常量和变量

声明变量的关键字是var，变量的值在程序运行期间可以改变
声明变量 var abc;abc是变量名
定义变量的值 abc=100;
直接声明和定义 var abc=100;

//声明一个变量
var aa;
aa=100;
//变量在使用之前，最好先声明和定义，如果只声明，没有定义则变量的值是undfined(未定义的)
console.log(aa);

/*
变量声明前置，即使变量在使用该变量代码的后面，浏览器也会把变量的声明提升到作用域的最前面，注意，变量的定义(赋值)不会被前置
*/
console.log(show);
var show=200;

/*
使用let声明变量
在同一个作用域下，let声明的变量,不能被重新声明，var可以

不能使用let在同一个作用域下 声明 同名变量

一个{}就是一个作用域块
*/
let num=10;
console.log(num);

var num1=200;
console.log(num1);
var num1=300;
console.log(num1);

{
作用域
}

变量的命名规则
1.见名知意
2.变量只能是字母、数字、下划线、和$组成，不能以数字开头
3.不能使用系统的关键字和保留字
比如:var this class array string等等

常用的命名方法
1.驼峰命名法:第一个单词的首字母小写，其余单词的首字母大写
例如：myShopCar、personCenter、userCenter
2.帕斯卡命名法(大驼峰命名法):每一个单词的首字母大写
例如：MyShopCar、UserCenter
3.匈牙利命名法：属性+类型+描述，使用下划线连接
属性:
s表示静态变量、g表示全局变量
类型：
string 字符串
bool 布尔值
命名 s_string_eat 表示 静态字符串吃饭的意思

常量
常量：一旦定义，他的值不可以更改的量
声明一个常量，使用的关键字是const
const PI=3.14;
const PI=3.14;
console.log(PI);

变量的分类
1.number 数字类型,包含整数和小数
2.string 字符串类型
3.boolean 布尔类型，布尔类型只有两个值 true false
4.undefined 类型，未定义的类型
5.object 对象类型
6.null 空对象,特殊类型

使用typeof方法获取变量的类型
使用方法:
typeof 变量名
typeof(变量名)
返回的是变量的类型
console.log(typeof num1);
console.log(typeof(num1));

//字符串类型
let str1=‘莫听穿林打叶声’;
console.log(typeof str1);
let str2=‘123’;
console.log(typeof str2);
//布尔类型
let bol1=true;
console.log(typeof bol1);
let bol2=‘false’;
console.log(typeof bol2);
//undefined 类型
let abc;
console.log(typeof abc);
//对象类型
/*
js中 通过 document.getElementById(‘元素id’);获取dom元素
*/
let wp=document.getElementById(‘wp’);
console.log(typeof wp);
console.log(wp.className);
//null类型
let n=null;
console.log(typeof n);