JavaScript(day01)
1.js介绍
js 组成
1.ECMAScript(js中的一些基本语法、变量、函数、对象等)
2.DOM(document object model 文档对象模型),可以完成html文档中元素的操作
3.BOM(browser object moodel 浏览器对象模型),可以完成对浏览器对象的操作
js 特点
1.弱类型语言
2.不是完全的面向对象语言(仅针对于ES6之前)
3.跨平台
4.动态性,事件驱动
js一般写在head标签中,但是也可以写在body的后面
js的引入方式
1.内部引入
<script type="text/javascript">
console.log('把酒话桑麻');
</script>
<!--
通过script 标签创建js
默认 type属性值 是 type="text/javascript"
-->
2.外部引入
<script src="./js/text.js"></script>
<!--
外部引入js
通过 src 属性
-->
3.行间引入
<a href="javascript:alert('千山鸟飞绝');">点击</a>
<a href="javascript:console.log('千山鸟飞绝');">点击</a>
<a href="javascript:;">点击不动1</a>
<a href="javascript:void(0);">点击不动2</a>
2.基础语法
注释:
1、注释一行 使用 //注释内容
2、注释一块区域 /*注释内容*/
结合浏览器进行调试的常用方法
1.console.log(‘内容1’,‘内容2’,…)向控制台输出内容
2.alert(‘输出内容’)弹出警示框
console.log('李白',20,'30');
console.log(true);
alert('千里不留行');
对代码可能出现的异常捕捉,异常捕捉之后不会影响后面的代码
try{
// try中书写可能出现异常的代码
console.log(abc);
}catch(e){
// 出现异常之后,操作的内容,e就是错误对象,e.message 错误信息
// 出现异常后的补救措施
console.log(e);
console.log('你的方式出错了');
}
3.变量和常量
/*
声明变量的关键字是var ,变量的值在程序运行期间可以改变
声明变量 var abc;abc是变量名
定义变量的值 abc=100;
直接声明和定义 var abc = 100;
*/
var abc = '飞鸟尽,良弓藏、狡兔死走狗烹';
console.log(abc);
console.log(abc);
// 在运行过程当中修改变量的值
abc = '杯酒释兵权';
console.log(abc);
// 声明一个变量
var aa;
aa = 100;
// 变量在使用之前,最好先声明和定义,如果只声明,没有定义则变量的值是undefined(未定义)
console.log(aa);
/*
变量声明前置(预解析),即使变量在使用该变量代码的后面,浏览器也会把变量的声明提升到作用域的最前面,注意,变量的定义(赋值)不会被前置
*/
console.log(show);
var show = 200;
/*
使用 let 声明变量
在同一个作用域下, let 声明的变量,不能被重新声明,var 可以
不能使用let 在同一个作用域下 声明 同名变量
一个 {} 就是一个作用域块
*/
/*
{}中的代码是一个作用域
let 在不同作用域下无法获取值,全区作用域的值可以传递给局部,局部不能传递给全局
*/
/*
变量的命名规则:
1.见名知意
2.变量只能是字母、数字、下划线、和$组成,不能以数字开头
3.不能使用系统的关键字和保留字
比如 var this class array string 等等
常用的命名方法
1.驼峰命名法:第一个单词的首字母小写,其余单词的首字母大写
例如: myShopCar 、 userCenter
2.帕斯卡命名法(大驼峰命名法):每一个单词的首字母大写
例如:MyShopCar 、 UserCenter
3.匈牙利命名法:属性+类型+描述,使用下划线
属性:
s表示静态变量、g表示全局变量
类型:
string 字符串
bool 布尔值
命名 s_string_eat 表示 静态字符串吃饭的意思
*/
// 以下写法虽然可行,但是不要使用
var 中国 = '台湾是中国不可分割的一部分';
console.log(中国);
/*
常量:一旦定义,他的值不可以更改的量
声明一个常量,使用的关键字是const
const PI = 3.14;
*/
const PI = 3.14;
console.log(PI);
// 常量的值不能被修改,以下写法会报错
PI = 3.67;
4.变量的分类
1.numer 数字类型,包含整数和小数
2.string 字符串类型
3.boolean 布尔类型,布尔类型只有两个值 true(真) false(假)
4.undefined 类型,未定义的类型
5.object 对象类型
6.null 空对象,特殊类型
使用 typeof 方法获取变量的类型
使用方法:
typeof 变量名
typeof(变量名)
返回的是变量的类型
5.变量类型注意问题
特殊的number NaN(不是一个数的number类型)
NaN 是唯一一个和自己比较,结果值不相等的数据
字符串 一般都由 引号包裹,可以是单引号,也可以是双引号。
如果字符串外部都是单引号,内部如果有引号,只能是双引号,反之亦然
字符串的转义字符
\n : 换行
\t : tab键
\' : 单引号
\" : 双引号
\\ : 表示\