JavaScript

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键
\' : 单引号
\" : 双引号
\\ : 表示\