前端 js基础 变量

js 组成

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

js 特点

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

js 的引入方式

1.内部引入
2.外部引入
3.行间引入
法1：

<!-- 
    通过 script 标签创建js
    默认 type属性值是 type="text/javascript"
-->
<script type="text/javascript">
    console.log('把酒话桑麻')
</script>

法2：

<!-- 外部引入js 通过 src属性 -->
<script src="./js/text.js"></script>

法3：

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

点击
点击console
点击不动1
点击不动2

js一般写在 head 标签中，但是也可以写在 body 的后面

js基础语法

注释：
1.注释一行 使用 // 注释内容
2.注释一块区域 / 注释内容 /
快捷键 Ctrl+/

结合浏览器进行调试的常用方法

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.message);
    console.log('你的方式出错了！');
}
console.log('雄鸡一唱天下白');
</script>

变量

声明变量的关键字是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 num=10;
console.log(num);
num=100;
//    let num=100;    (会报错)
//    console.log(num);

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