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);